◇

Progress

2 parts

Anatomy

Import the parts and compose them. Each part forwards attributes to its underlying element.

vue

import {
  ProgressRoot,
  ProgressIndicator,
} from '@robonen/primitives/progress';

<ProgressRoot>
  <ProgressIndicator />
</ProgressRoot>

Root

Prop	Type	Default	Description
`modelValue`?	`number \| null`	—	Current value. `null` denotes an indeterminate progress bar.
`max`?	`number`	`100`	Maximum value.
`getValueLabel`?	`(value: number, max: number) => string`	—	Accessible label (use when no external label is provided).

Indicator

No props or events — renders its element and forwards attributes.