Feedback

Progress

A bar or ring showing completion of a determinate or indeterminate task.

Install

import { Progress } from 'vael-ui'

value

max

label

variant

size

import { Progress } from 'vael-ui'

<Progress :value="60" :max="100" label="" variant="primary" size="md">Progress</Progress>

Name	Type	Default	Description
`value`	`number \| null \| undefined`		`null`/`undefined` renders the indeterminate (looping) state.
`max`	`number \| undefined`	`100`
`label`	`string \| undefined`
`variant`	`"primary" \| "danger" \| "success" \| "warning" \| "info"`	`"primary"`
`size`	`"md" \| "sm"`	`"md"`	Track thickness.
`ui`	`Partial<{ root: UiPartValue; track: UiPartValue; fill: UiPartValue; }> \| undefined`

No slots.

No events.

Name	Type	Description
`el`	`HTMLElement \| null`
`fillEl`	`HTMLElement \| null`