Hygge-UI

Progress Circle

Used to display a task's progress in a circular form.

Source

Examples

Sizes

Use the size prop to change the size of the progress bar.

Color

Use the colorPalette prop to change the color of the progress circle.

gray

orange

teal

green

red

Value Text

Use the showValueText prop to add a value text to the progress bar.

5%

Indeterminate

Set the value to null to show an indeterminate progress bar.