Multipurpose HTML5 Template

Progress Bars


Progress Bars - Style 1

Animated Progress Bars

Success - 50%
Info - 60%
Warning - 70%
Danger - 80%
Default - 90%
Gray - 100%
Dark - 90%
White - 80%

Basic

Success - 40% 40% Complete - Success
Info - 50% 50% Complete - Info
Warning - 60% 60% Complete - Warning
Danger - 70% 70% Complete - Danger
Default - 80% 80% Complete - Default
Gray - 70% 70% Complete - Gray
Dark - 60% 60% Complete - Dark
White - 55% 20% Complete - White

Stripped

Success - 40% 40% Complete - Success
Info - 20% 20% Complete - Info
Warning - 60% 60% Complete - Warning
Danger - 80% 80% Complete - Danger
Default - 40% 40% Complete - Default
Gray - 20% 20% Complete - Gray
Dark - 60% 60% Complete - Dark
White - 70% 70% Complete - White

Stripped Animated

Success - 40% 40% Complete - Success
Info - 20% 20% Complete - Info
Warning - 60% 60% Complete - Warning
Danger - 80% 80% Complete - Danger
Default - 40% 40% Complete - Default
Gray - 20% 20% Complete - Gray
Dark - 60% 60% Complete - Dark
White - 70% 70% Complete - White

Progress Bars - Style 2

Basic

40% Complete - Success
50% Complete - Info
60% Complete - Warning
70% Complete - Danger
80% Complete - Default
90% Complete - Gray
100% Complete - Dark
90% Complete - White

Stripped

40% Complete - Success
20% Complete - Info
60% Complete - Warning
80% Complete - Danger
40% Complete - Default
20% Complete - Gray
60% Complete - Dark
90% Complete - White

Stripped Animated

40% Complete - Success
20% Complete - Info
60% Complete - Warning
80% Complete - Danger
40% Complete - Default
20% Complete - Gray
60% Complete - Dark
90% Complete - White

Animated Progress Bars

60% Complete - Success
70% Complete - Info
80% Complete - Warning
90% Complete - Danger
100% Complete - Default
90% Complete - Gray
80% Complete - Dark
70% Complete - White

Circular Progress Bars

90%
75%
80%
85%
100%
80%
85%
70%