Circular progress ring that draws itself from zero to the target on mount while the centre percentage counts up in step, then holds.
The import and the props worth knowing about, in one place.
import { Progress17 } from "@/components/beste/piece/progress17";
<Progress17
value={82}
label="Storage used"
caption="82 GB of 100 GB, upgrade before Friday"
tone="emerald"
/>Vertical tube that fills bottom-up with a gradient, paired with a percent readout and label.
Emerald filled circle with a bold check inside, a soft pinging ring, and a title plus description beneath.