FreshUI FreshUI

Progress - Loading
If it takes time, there's something to show!

Randomize

Progress Bars

Normal

20%
40%
60%
80%

Striped

20%
40%
60%
80%

Stacked

10%
20%
30%
40%
10%
20%
30%
40%
10%
20%
30%
40%

Striped Animated (on modern browsers)

20%
40%
60%
80%

Font Awesome Loaders

.fa .fa-spinner .fa-spin
.fa .fa-spinner .fa-spin .fa-2x
.fa .fa-spinner .fa-spin .fa-3x
.fa .fa-spinner .fa-spin .fa-4x
.fa .fa-spinner .fa-spin-fast .fa-5x
.fa .fa-asterisk .fa-spin
.fa .fa-asterisk .fa-spin .fa-2x
.fa .fa-asterisk .fa-spin .fa-3x
.fa .fa-asterisk .fa-spin .fa-4x
.fa .fa-asterisk .fa-spin-fast .fa-5x