Palette
Size
Elevation
Outlined
Rounded
Indeterminate
60 %


Svelte
<!-- Determinate — value / max / unit -->
<Progress value={75} />
<Progress value={42} max={100} unit="%" palette="success" rounded />

<!-- All palettes -->
<Progress value={60} palette="accent" />
<Progress value={60} palette="tone" />
<Progress value={60} palette="error" />
<Progress value={60} palette="warning" />
<Progress value={60} palette="success" />
<Progress value={60} palette="info" />
<Progress value={60} palette="neutral" />

API


PropTypeDefault
valuenumber | nullnull
maxnumber100
unitstring""
palette"accent" | "tone" | "neutral" | "error" | "warning" | "success" | "info""accent"
size"sm" | "md" | "lg""md"
elevation"none" | "subtle" | "hard""none"
outlinedbooleanfalse
roundedbooleanfalse
aria_labelstringundefined
Prop value
Type number | null
Default null
Prop max
Type number
Default 100
Prop unit
Type string
Default ""
Prop palette
Type "accent" | "tone" | "neutral" | "error" | "warning" | "success" | "info"
Default "accent"
Prop size
Type "sm" | "md" | "lg"
Default "md"
Prop elevation
Type "none" | "subtle" | "hard"
Default "none"
Prop outlined
Type boolean
Default false
Prop rounded
Type boolean
Default false
Prop aria_label
Type string
Default undefined