Svelte Component

Progress Radials

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

typescript 
import { ProgressRadial } from '@skeletonlabs/skeleton';
Source Page Source WAI-ARIA

Demo

50%

Styling

Use the meter, or track, stroke, strokeLinecap properties to style the radial.

Primary

Secondary

Tertiary

Success

Warning

Error

Indeterminate

Remove the value property or set to undefined.

Accessibility

This component is treated as an ARIA meter.