Displays a progress bar related to a task.
This component inherits props from the Progress primitive and supports common margin props.
Use the size
prop to control the size.
Use the variant
prop to control the visual style.
Use the color
prop to assign a specific color.
Use the highContrast
prop to increase color contrast with the background.
Use the radius
prop to assign a specific radius value.
Use the value
prop to provide a precise indication of the task progress.
Use the duration
prop to indicate an approximate duration of an indeterminate task. Once the duration times out, the progress bar will start an indeterminate animation.
When an approximate duration can be estimated, the Progress component is still useful over Spinner, which doesn’t provide any visual cues towards the progress of the task.