Progress Bars

Another useful way to frame fractional statistics.

Standard Progress Bars
Standard Progress Bars
With Label
80%
45%
20%
Animated

Add .activeto .progress-bar-stripedto animate stripes right to left. Not available in <=IE9.

Stacked

Place multiple bars in the same .progressto stack them.

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