Progress Bars

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

Basic Example

Default progress bar.

Example

60% Complete

Contextual Alternative

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

Examples

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

Stacked

Place multiple bars into the same .progress to stack them.

Example

35% Complete (success)
20% Complete (warning)
10% Complete (danger)