Progress Bar

Displays an indicator showing the completion progress of a task.

				
<Progress.Track class="progress__track" {value} max={100} slot="component">
    <Progress.Bar class="progress__bar" style="transform: translateX(-{100 - value}%)" />
</Progress.Track>

API Reference

Bar

No props

Track

Prop	Type	Default
`value`	`number`	`0`
`max`	`number`	`100`
`label`	`(value: number, max: number)`	> string = (value: number, max: number) => `${(value / max) * 100}%`