Basic Progress

Reticulating splines… 0%
Reticulating splines… 25%
Reticulating splines… 50%
Reticulating splines… 75%
Reticulating splines… 100%

Colored Progress

Use class .progress-bar-{color-name}. to choose color of your choice.

Labeled Progress

25%
35%
45%
55%
65%
75%
85%

Multiple Stacked Bar

15%
50%
10%

Striped Progress

Uses a gradient to create a striped effect, add .progress-bar-striped with .progress-bar class.

Animated Progress

To get progressbar with animated effect, add .progress-bar-animated with .progress-bar class.

Theme Customizer

Customize & Preview in Real Time


Skin


Menu Collapsed



Navbar Color