Progress Bar

  2. Components
  3. Progress Bar
Basic Example
Default progress bar.
25%
Contextual alternatives
Progress bars use some of the same button and alert classes for consistent styles.
Striped example
Uses a gradient to create a striped effect.
Size example
We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.
Progressbar Vertical
Use class .progress-vertical.
Progressbar Vertical Bottom
Use class .progress-vertical-bottom.