Progress Ring

Circular SVG ring with a centered percentage. Tone sets the stroke color.

72%

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

Import & use
import { Progress2 } from "@/components/beste/piece/progress2";

<Progress2
  value={72}
  tone="primary"
/>