Determinate progress bar with role=progressbar and exact value semantics.

npx slipstream-ui@latest add progress
Usage

Props

PropTypeDefaultDescription
valuenumber0Current value between 0 and max.
maxnumber100Upper bound of the progress scale.
labelstring—Accessible label announced by screen readers.

Accessibility

  • role="progressbar" with aria-valuenow/min/max so assistive tech reports the exact percentage.
  • Provide an accessible label describing the task.