Progress & Loading Up-to-date feedback progress

Font Loaders

.fa .fa-spin

.fa .fa-spin .fa-spin-2x .fa-3x

.fa .fa-spin .fa-2x

.fa .fa-spin .fa-spin-2x .fa-4x

63% Complete

Progressbars

Cross-browser compatibility

Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.

Contextual alternatives

75% Complete
40% Complete (success)
20% Complete (info)
60% Complete (warning)
80% Complete (danger)

Striped

75% Complete
40% Complete (success)
20% Complete (info)
60% Complete (warning)
80% Complete (danger)

Animated

45% Complete/span>

Stacked

33% Complete (success)
33%
33% Complete (warning)
33%
18% Complete (danger)
18%

Sizing

20% Complete
20%
40% Complete (success)
40%
60% Complete
60%
80% Complete
80%