Progress

Basic

import { Progress } from '@eekodigital/raster';

<Progress value={60} label="Upload progress" />

Different values

<Progress value={15} label="Loading" />
<Progress value={100} label="Complete" />

Indeterminate

Pass value={null} for an animated shimmer when the total duration is unknown.

<Progress value={null} label="Loading" />

Props

Prop	Type	Default	Description
value	number | null	—	Current value. Pass null for indeterminate.
max	number	100	Maximum value.
label	string	—	Accessible label (aria-label).
className	string	—	Additional CSS classes.