Elementor widget · Content & Text
Radial Progress
An animated circular progress ring with a count-up number, a positionable suffix, and a label — fully styleable.
About this elementor widget
Show any metric as a clean, animated ring. The Radial Progress draws its circle on view while the number counts up to your target — perfect for KPIs, skills, uptime, storage, ratings, and dashboards.
Key features
- Smooth SVG ring that animates into place with a number that counts up to the value
- Set any percentage (0–100) and the animation duration in milliseconds
- Add a suffix (%, /100, pts, °, $ …) and place it right, left, above, or below the number, with its own spacing control
- Optional label beneath the number for context (CPU, Uptime, Complete …)
- Ring styling: size, thickness, progress color, and track color with rounded end caps
- Full typography and color control for both the number and the label
- Lightweight, dependency-free, and responsive
Drop it in, set your percentage, position the suffix, and match it to your brand.
