Progress Circle

Radial progress gauge with a tone-colored arc, the percentage centered, and a caption line beside it.

68%
Storage used34 GB of 50 GB

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

Import & use
import { Dashboard21 } from "@/components/beste/piece/dashboard21";

<Dashboard21
  label="Storage used"
  value={68}
  caption="34 GB of 50 GB"
  tone="violet"
/>