Progress API
API reference docs for theProgresscomponent. For examples and details on the usage of this component, visit the component demo page.
Props
| Prop | Type | Description | Default |
|---|---|---|---|
adornmentEnd? | ReactNode | Slot to render content after progress. | _ |
adornmentStart? | ReactNode | Slot to render content before progress. | _ |
ariaLabelledBy | string | The id of the element that serves as the accessible label for the progressbar. | _ |
maxValue? | number | Maximum value the Progress can reach. | 100 |
value? | number | Current value of the Progress. | 0 |
Apart from above mentioned core props and style-related API, any other custom props provided by the consumer (such as data-testid, or aria-label) will be applied to the Progress base area element, not to the container that wraps both the base area and adornments. This ensures that accessibility features are directed specifically to the Progress bar, rather than the outer container.