Hygge-UI

Progress

Used to display the progress status for a task.

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 bar.

gray

orange

teal

green

red

Label

Use the label prop to add a label to the progress bar.

Value Text

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

40%

Indeterminate

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