Progress Indicators

Styles

Progress indicators support both determinate and indeterminate operations.

Determinate

The progress bar indicator should fill up to completion as background loading tasks are complete.

Progress Indicators Determinate

The spinner should grow from a small line into a full circle in a clockwise animation.

Progress Indicators Determinate Finshed

Indeterminate

Operations display the progress bar indicator continually growing and shrinking along the track until the background loading tasks are complete.

Progress Indicators InDeterminate

The spinner keep the same size while rotating clockwise.

Progress Indicators Indeterminate Finished