Component

Progress bar

A linear progress bar from 0–100% (LoadingStatus, tailoring). Default is purple; optionally use score-based colors (useScoreColors).

Default (purple)

Score-based colors (useScoreColors)

Specification

  • Height: h-2 (override via className)
  • Colors: default = ds-primary-strong (purple); useScoreColors = ds-score-low/medium/high
  • A11y: role="progressbar", aria-valuenow/min/max