Progress

A progress component is a horizontal bar that indicates the completion status of an ongoing process or task.

Demos

Basic



Progress value is 0%.

With only increasing progress

Sometimes a progress bar should only show increases to progress state. In this case, before the next value is set it should be checked against the current progress. The Decrease progress button attempts to set a lower progress value, simulating an update to a progress state that isn't desired, but won't change the progress state due to this check.



Progress value is 0%.