KasyKasy

Progress Circle

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

Sobre

Indicador circular de progresso (KasyProgressCircle). Determinado (value entre 0 e 1, arco preenche a partir do topo) ou indeterminado (value nulo, gira continuamente).

  • size: sm (20px) / md (28px, padrão) / lg (36px) — diâmetro do círculo, espessura do traço escala junto (2/3/4px).
  • variant: primary (padrão) / neutral / success / warning / danger — cor semântica do arco.
  • color: cor explícita, sobrepõe variant.
  • label: texto opcional exibido à direita do círculo.
  • semanticsLabel: rótulo de acessibilidade (padrão é a porcentagem quando determinado).

Nota: quando determinado mostra uma trilha neutra atrás do arco; indeterminado usa KasySpinner internamente, sem trilha.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página