Exibição

Progress

Barra de progresso para indicar conclusão de tarefas.

Uso

Use o elemento <y-progress> no seu HTML:

html

<y-progress value="65"></y-progress>

Clique em Replay para ver a animação novamente.

Demo interativo

Propriedade	Tipo	Padrão	Descrição
`value`	`number`	`0`	Porcentagem (0-100)
`max`	`number`	`100`	Valor máximo
`color`	`"primary" \| "destructive" \| "success" \| "warning" \| "info"`	`"primary"`	Cor da barra de progresso
`show-label`	`boolean`	`false`	Exibe o percentual ao lado da barra
`animated`	`boolean`	`false`	Anima a barra de 0 até o valor declarado ao carregar
`duration`	`number`	`1000`	Duração da animação em ms (requer animated)

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/progress.js';