Svelte Component

Progress Radials

Displays a radial indicator showing the progress or completion of a task.

typescript

import { ProgressRadial } from '@skeletonlabs/skeleton';

Usage

Props

Slots

Determinate

Indeterminate

Primary

Secondary

Tertiary

Success

Warning

Error

This component is treated as an ARIA meter.

typescript

let value: number = 50; // %

html

<ProgressRadial {value}>{value}%</ProgressRadial>

Indeterminate

Remove the value property or set to undefined.

html

<ProgressRadial />

html

<ProgressRadial value={undefined} />