ProgressBar

Ação e status

Quanto de uma meta ou tarefa já foi feito.

Substitui no Brain:Progresso

Tons e tamanhos

import { ProgressBar } from "@paytime/ui";

export default function Example() {
  return (
    <div className="flex flex-col gap-4">
      <ProgressBar value={64} aria-label="Meta do mês" />
      <ProgressBar value={88} tone="success" size="sm" aria-label="Onboarding" />
      <ProgressBar value={45} tone="warning" aria-label="Prazo usado" />
      <ProgressBar value={22} tone="error" size="lg" aria-label="Orçamento" />
    </div>
  );
}