Props mirror Base UI React where applicable, adapted for Svelte 5. Native HTML attributes for the rendered element are also
accepted unless noted.
Progress.Root
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
value | number | null | — | Controlled value. |
min | number | — | — |
max | number | — | — |
format | Intl.NumberFormatOptions | undefined | — | — |
getAriaValueText | | ((formattedValue: string | null, value: number | null) => string | undefined) | undefined | — | — |
locale | Intl.LocalesArgument | undefined | — | — |
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-indeterminate | Present when the checkbox is indeterminate. |
data-progressing | Present on the element when applicable. |
Progress.Indicator
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-indeterminate | Present when the checkbox is indeterminate. |
data-progressing | Present on the element when applicable. |
Progress.Label
Extends span HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-indeterminate | Present when the checkbox is indeterminate. |
data-progressing | Present on the element when applicable. |
Progress.Track
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-indeterminate | Present when the checkbox is indeterminate. |
data-progressing | Present on the element when applicable. |
Progress.Value
Extends span HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet<[formattedValue: string | null, value: number | null]> | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-indeterminate | Present when the checkbox is indeterminate. |
data-progressing | Present on the element when applicable. |