KasyKasy

Progress Bar

Viewer ao vivo e documentação do componente Progress Bar.

Sobre

Barra de progresso linear. Determinada (com value entre 0 e 1) ou indeterminada (value nulo, preenchimento anima vaivém). Trilha em pílula sobre fundo neutro.

  • value: progresso 0..1; null = indeterminado.
  • size: sm (trilha 4px), md (8px, padrão) ou lg (12px).
  • variant: primary (padrão), neutral, success, warning ou danger.
  • color / trackColor: sobrescrevem a cor do preenchimento e da trilha diretamente, ignorando variant.
  • label / valueLabel: texto opcional acima da trilha (esquerda/direita, ex. "Storage" / "60%").

Sem chrome de card próprio — compõe dentro de um KasyCard, igual ao NumberValue.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página