Renders an SVG circle that fills from 0% to a target value using stroke-dashoffset driven by interpolate(), with a percentage number counting up in the centre. Use it for KPI highlights, loading sequences, goal trackers, or any data point that maps to a percentage.
Target value, ring color, stroke width, and animation duration are configurable. A rotating dot and pulse effect add visual polish. Built with useCurrentFrame() and useVideoConfig() for frame-accurate, deterministic rendering.