Progress Bars
Basic example
Default progress bar.
Striped example
Uses a gradient to create a striped effect.Use class .progress-bar-striped.
Sizes example
Use class .progress-sm,.progress-md and .progress-lg.
Animated example
Add .active to .progress-bar-striped to animate the stripes right to left.
Completed example
Remove the <span> with .sr-only class from within the progress bar to show a visible percentage.
Stacked example
Place multiple bars into the same .progress to stack them.
Animated example
Use class .wow,.animated and .progress-animated.
Animated Striped example
Use class .wow,.animated,.progress-bar-striped and .progress-animated.
Progressbar Vertical
Use class .progress-vertical.
Progressbar Vertical Bottom
Use class .progress-vertical-bottom.