Basic progress in diffrent color backgrounds. Add
.bg-* modifier class to change the color. Use Bootstrap width utilities for setting the width of a progress bar.
Create rounded progress using
.progress .progress-bar-rounded class.
.progress-bar-striped to any
.progress-bar to apply a stripe via CSS gradient over the progress bar’s background color. Add
.progress-bar to animate the stripes right to left via CSS3 animations.
Size whatever you want just add
.progress-xs, sm, md, lg, xl or you can just add height utility classes.
Add labels on top of your progress bars by placing text within the
.progress-lb-wrap and for label left add class
Add labels to your progress bars by placing text within the
Include multiple progress bars in a progress component if you need.