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" />