Progress Circle

Easy to create circular or semi circular progress indicators.
55%
When to use
Use the Progress Circle to show the current progress of an operation flow. The progress is incremented in fractions of the circular badge. You can also show progress in a Progress Bar or Progress Circle Fraction display type. Be consistent, for example, if an action displays a linear indicator on one screen, that same action should not use a circular indicator elsewhere in the app. 
Is Semi Circle
Change the type of progress bar from circle to semi circle.
55%
Circle Thickness
The thickness of the circle that marks the progress.
55%
55%
55%
Progress Color
All the color palettes are available to be used as progress background.
55%
Orange
55%
Grape
55%
Lime
See more information on implementing this pattern in the product documentation
Click here to see your activities