Progress

Example

Determinate progress bars fill the container from 0 to 100%. This reflects the progress of the process.

Labels

Add labels to your progress bars by placing text within the progress bar.

57%
Height

We only set a height value on the progress, so if you change that value the inner progress bar will automatically resize accordingly.

Vertical progress

A base form of vertical progress.

Multiple bars

Include multiple progress bars in a progress component if you need.

Striped Progressbar

Striped Progress bars in a progress component if you need.