Default Progress Bars

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

With Label
92%
78%
85%
40%
80%
Without Label
92%
78%
85%
40%
80%

Rounded Progress Bars

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

With Label
92%
78%
85%
40%
80%
Without Label
92%
78%
85%
40%
80%

Progress Bars - Striped

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Square
92%
78%
85%
40%
80%
Rounded
92%
78%
85%
40%
80%

Animated Progress Bars

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Square
92%
78%
85%
40%
80%
Rounded
92%
78%
85%
40%
80%

Stacked Progress Bar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

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

Small Size Progress Bars

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

92%
78%
85%
40%
80%
92%
78%
85%
40%
80%

No Shadow

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

92%
78%
85%
40%
80%
92%
78%
85%
40%
80%

With Title Outside

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

HTML 5 92%
CSS 3 78%
PHP 85%
jQuery 40%
AngularJs 80%
HTML 5 92%
CSS 3 78%
PHP 85%
jQuery 40%
AngularJs 80%
Style Settings

View All Demos