Uttara

Feedback · Progresso e carregamento

Progresso e carregamento

Barras de progresso, spinners inline e skeletons (genérico + variantes prontas).

Progress

Barra de progresso determinística.

35%

MultiProgress

Barra de progresso com múltiplos segmentos coloridos (variantes semânticas). Caso típico: processamento em lote com sucesso + erro empilhados na mesma barra.

Importação de notas fiscais40 / 50 (10 com erro)
  • Sucesso30
  • Erro10
10 pendente(s)
Três canais (warning + primary + success)
  • Aguardando25
  • Processando35
  • Concluído30

ArcProgress

Progresso em arco de 180º com slot central para ícone/número. Aceita valor único ou múltiplos segmentos (mesma API do MultiProgress).

SLA do mês
72%
meta 80%
Processamento (40 / 50)
40 / 50
10 com erro
Cobertura
94%
42%
sm
58%
md
88%
lg
23%
críticos
xl

Spinner

Indicador de loading inline em três tamanhos.

Carregando…Carregando…Carregando…

Skeleton

Placeholder animado para conteúdo em carregamento.

Skeletons compostos

Variantes prontas para tabela, cartão e formulário.