Circular SVG ring with a centered percentage. Tone sets the stroke color.
The import and the props worth knowing about, in one place.
import { Progress2 } from "@/components/beste/piece/progress2";
<Progress2
value={72}
tone="primary"
/>Circular progress ring that draws itself from zero to the target on mount while the centre percentage counts up in step, then holds.
Emerald filled circle with a bold check inside, a soft pinging ring, and a title plus description beneath.