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
| Prop | Type | Default |
|---|---|---|
| value | number | null | null |
| max | number | 100 |
| unit | string | "" |
| palette | "accent" | "tone" | "neutral" | "error" | "warning" | "success" | "info" | "accent" |
| size | "sm" | "md" | "lg" | "md" |
| elevation | "none" | "subtle" | "hard" | "none" |
| outlined | boolean | false |
| rounded | boolean | false |
| aria_label | string | undefined |
Prop value
Type
number | nullDefault
nullProp max
Type
numberDefault
100Prop unit
Type
stringDefault
""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
booleanDefault
falseProp rounded
Type
booleanDefault
falseProp aria_label
Type
stringDefault
undefined