Progress Bars

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

Simple Progress Bar

Default (Gray):
55% Complete

Contextual alternatives

Progress bars use some of the same button and alert classes for consistent styles.

Regular (Primary):
60% Complete
Success:
40% Complete (success)
Information:
20% Complete
Warning:
60% Complete (warning)
Inverse:
40% Complete
Danger:
80% Complete

Striped

Uses a gradient to create a striped effect. Not available in IE8.

Striped
40% Complete (success)
Striped Animated
45% Complete
Stacked
35% Complete (info)
20% Complete (warning)
10% Complete (danger)