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-striped with .progress-bar class.

Animated Progress

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

Progress Sizes

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