Progress

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

Default

Use class .progress-bar-{color-name} to add different colors to progressbar.

Progress Label

Use class .progress-bar-{color-name} to add different colors to progressbar.

Progress Striped

Add .progress-bar-striped to any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.

Progress Sizes

For Default progress, No size class needed. you can use class .progress-sm or .progress-lg with .progress to change size of your progress bar.