Progress Bars

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

Basic example

Use class .progress-sm,.progress-md and .progress-lg.

Stripped example

Uses a gradient to create a striped effect.Use class .progress-bar-striped.

Animated example

Uses a gradient to create a striped effect.Use class .progress-bar-striped.

25%

40%

55%

75%

90%

custom example

Use class .progress-sm,.progress-md and .progress-lg.