Progress
Examples for how to use Bootstrap’s included progress components.
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.