## Default Without a specified `value` prop, the progress bar is indeterminate. ## Small size Specify `size="sm"` to use the small variant. ## Percentage Specify a `value` for the progress bar to be determinate. ## Finished status Specify `status="finished"` for the progress bar. ## Error status Specify `status="error"` for the progress bar. ## Custom max value The default `max` value is `100`. ## Hidden label It's recommended that you provide a `labelText` for accessibility. Use `hideLabel` to visually hide the label text. ## Inline variant The inline variant visually hides the `helperText`. ## Indented variant ## Indented status variant ## UX example This example shows how to animate the progress bar from 0 to 100% with start and end states.