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.