Progress bar

Progress bars are used to provide feedback on an action status and inform users of the current progress. Although seemingly small interface elements, they are extremely hepful in managing users' expectations and preventing them from abandoning a process they have initiated.

Customize the color of the progress bar to suit your design.

Customize the size of the progress bar.

You can create a progress bar which shows indeterminate progress by adding indeterminate to the progress component.

Set striped property to show striped background

The striped gradient can also be animated.

Add labels to your progress bars by setting label property.