Basic example
The progress component is mainly used to indicate the progress of a task, usually displayed as a progress bar.
Use a progress bar element to display a percentage completion rate by using an inline style and the utility classes.
Width
Change the width style property to your level of progress completion.
Labels
Use a progress bar with the label inside the bar.
Height
Use different sizes by with various sizing utility classes.
Colors
To apply different colors to your progress bars, just add the
.bg-green-500
, .bg-primary-500
,
.bg-yellow-500
or .bg-red-500
class.
If you are looking for more advanced options, try Bootstrap Progress Bar from MDBootstrap.