Progress Bars

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

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

Right align (using "jQuery" and extra CSS)

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

Stacking multiple bars

40% Complete (success)
20% Complete
40% Complete (success)
30% (warning)
20% Complete
5%

Bottom align (using "jQuery" and extra CSS) and stacking

40% Complete (success)
30% (warning)
20% Complete

Top align (using "jQuery" and extra CSS) and 500px height

80% Complete (top to bottom)