Skip to main content

Function: ProgressBar()

ProgressBar(__namedParameters): Element

Defined in: components/ProgressBar/ProgressBar.tsx:113

A semantic progress bar built on React Aria's ProgressBar.

The fill reads the evaluation's filled surface from vars.colors.feedback over the muted neutral rail (vars.radii.round, thin pill). Supports both determinate (0–100%) and indeterminate modes — pass isIndeterminate.

Parameters​

ParameterType
__namedParametersProgressBarProps

Returns​

Element

Example​

<ProgressBar label="Uploading" value={42} />
<ProgressBar label="Saving" isIndeterminate evaluation="positive" />