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

20%
40%
60%
80%
100%

Striped Progress

Uses a gradient to create a striped effect, add .progress-bar-stripedwith .progress-barclass.

Animated Progress

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

Progress Sizes

For Default progress, No size class needed. you can use class .progress-{sm|md|lg|xl} with .progressto change size of your progress bar.