Default Progress Bars

Examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.

Progress Bar with Label

Add labels to your progress bars by placing text within the .progress-bar.

25%
45%
60%
75%
90%
Progress heights

We have created new class names to set a height value on the .progress, so if you change the class name the inner .progress-bar will automatically resize accordingly.

Progress with different colors
Progress Multiple Bars

Include multiple progress bars in a progress component if you need.

Progress Bar Striped
Progress Bar Animated Striped