Linear progress indicator

Provide visual feedback to users while loading.

Props

testId
string | undefined
Sets a data-testid attribute for automated testing.
progress
number | undefined
Progress value (0-100). When undefined, shows an indeterminate loading animation.
percentVisibility
visible | hidden
Controls visibility of the percentage text.
Defaults to visible.
ariaLabel
string | undefined
Accessible label for the progress bar.
ariaLabelledBy
string | undefined
ID of the element that labels this progress bar.
 Examples
Examples show common usage patterns and implementation guidance.

No usage guidelines have been documented for this component yet.
All GoA Design System components are built to meet WCAG 2.2 AA standards. The following guidelines provide additional context for accessible implementation.

Screen Readers

Do
Provide accessible labels for LinearProgress