Progress is used to display the progress status for a task that takes a long time or consists of several steps.
You can add hasStripe
prop to any progressbar to apply a stripe via a CSS
gradient over the progress bar’s background color.
There are two ways you can increase the height of the progressbar:
size
prop to increase the height of the progressbar.height
prop to manually set a height.You can add colorScheme
prop to any progressbar to apply any color that exists
in the theme.
To show an animated progress, set the value
prop to undefined
.
role
set to progressbar
to denote that it's a progress.aria-valuenow
set to the percentage completion value passed to
the component, to ensure the progress percent is visible to screen readers.