Progress Bar

Basic Progress

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

Colored Progress

Progress bars use some of the same button and alert classes for consistent styles.

Labeled Progress

20%
40%
60%
80%
100%

Striped Progress

Uses a gradient to create a striped effect.

Animated Progress

Progressbar with animated effect.

Progress Sizes

Different height sizes using inline styles. For Default progress, No size class needed.