Progress
Progresso determinado — prazo, saldo, upload, meta. Barra linear com tom semântico.
Componente base do Nuxt UI (
UProgress), ainda não internalizado no EletroDS — confira o comportamento antes de usar no ME.O Progress mostra o avanço de algo mensurável: prazo de um documento, saldo de um contrato, upload, meta de um widget. É barra linear; para "está carregando" sem porcentagem, use o Spinner.
Variantes
| Quero… | Use |
|---|---|
| Progresso conhecido (%) | v-model determinado |
| Carregando sem % | estado indeterminado (anima sem valor) |
| Sinalizar atenção | color semântico (warning para saldo baixo / prazo curto) |
Estados
| Estado | Comportamento |
|---|---|
| Determinado | Preenche conforme o valor (0–100%). |
| Indeterminado | Animação contínua (não sabe quanto falta). |
No código
UProgress — doc técnica em ui.nuxt.com/docs/components/progress.
Acessibilidade
role="progressbar" com aria-valuenow/min/max; rótulo do que está progredindo. A cor (warning/error) precisa de reforço textual (o número/legenda).