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.