Progress

Display the current progress of an operation flow.

When To Use

If it will take a long time to complete an operation, you can use Progress to show the current progress and status.

• When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.
• When you need to display the completion percentage of an operation.

70%

30%

80%

basic with sizes

small medium and large sizes.

40%

68%

95%

basic with status

active, success and exception statuses.

29%

Circular Progress

Circular progress bar less state

68%

100%

76%

Circular Progress

Circular progress bar more colors

30%

+-

Dynamic

dynamically increasing or decreasing the value

80%

+-

Circular Progress

Circular progress bar value changeable

95%

35%

45%

Circular Progress

Circular progress bar more colors