Loading...

Progress bar

Progress bar styles
Home / Elements / Progress bar

Standard progress bar

Standard progress bar

photoshop
60%
html5
40%
wordpress
80%
css3
95%

Progress bar

Default bootstrap progress bar

photoshop
60% Complete
html5
40% Complete
wordpress
80% Complete
css3
95% Complete

Progress bar

Progress bar with label

photoshop
60%
html5
40%
wordpress
80%
css3
95%

Progress bar

Contextual alternatives

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

Progress bar

Striped Progress bar

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

Progress bar

Animated Progress bar

45% Complete

Progress bar

Stacked Progress bar

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

Good design is obvious. Great design is transparent

— Joe Sparano