Linear Progress

Labelled progress bar with a percent readout above and a tonal fill.

Deployment68%

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Progress3 } from "@/components/beste/piece/progress3";

<Progress3
  value={68}
  label="Deployment"
  tone="success"
/>