A dashboard-style card slides up, counts to the metric and pops a growth badge. Built for business updates.
Number Counters
Percentage Ring
- percentage
- ring
- progress
Loading editor
Percentage Ring Animation – Circular Progress Counter
About Percentage Ring
A progress ring sweeps to your percentage while the number counts in the center. Clean data storytelling.
Part of Number Counters. New to this kind of graphic? Read How to Make an Animated Number Counter for a Video.
- Category
- Number Counters
- Length
- 3 seconds, up to 15 seconds
- Playback
- Plays once
- Controls
- 17 editable
- Format
- MP4 · WebM · PNG sequence
- Alpha
- WebM or PNG sequence
- Resolution
- 720p to 8K
- Aspect
- 16:9 · 9:16 · 1:1 · 4:5
- License
- Commercial use included
Frequently asked
What is the Percentage Ring animation?
A progress ring sweeps to your percentage while the number counts in the center. Clean data storytelling. It belongs to the Number Counters category on velements, where you edit it in the browser and download it as a finished video file.
What can you customize in Percentage Ring?
Every control in the editor, grouped the same way there. Content: from, to, decimals, prefix, suffix and title. Typography: font, weight and size. Style: background, text color, primary, secondary and thickness. Layout: aspect ratio. Motion: duration and easing. Each change appears in the live preview straight away, and editing is free.
How long is Percentage Ring?
Percentage Ring runs 3 seconds by default, and you can set any length up to 15 seconds before you export. It plays once from start to finish, so it drops straight onto a cut or an opening.
Can you download Percentage Ring with a transparent background?
Yes. Set the background to Transparent, then export a PNG sequence for Premiere Pro, After Effects, DaVinci Resolve, Final Cut Pro or Figma: import the first frame as an image sequence and it drops onto a track above your footage with a straight alpha channel. Export WebM with a VP9 alpha channel for the web and for CapCut. MP4 has no alpha channel, so it keeps a solid color or image behind the animation.
Can you use Percentage Ring in commercial projects?
Yes. Each download comes with a perpetual commercial license in your name for client work, ads and products, and you may sell the edited clip on stock footage sites. Reselling the preset itself as an editable template is not allowed.
Related animations
A rounded progress bar fills to 100% with a live percentage and glossy shine. Great for countdowns to launch.
Count Up
3sA big bold number counts up to your figure with a satisfying landing pop and a label beneath.
A classic countdown with a draining ring and bouncing digits. Set the start and end numbers.
Digits spin like a mechanical counter and lock into your number from right to left. Tactile and premium.
Four filled areas recede like a range of ridges, a dense data backdrop rather than a chart read value by value.
Extruded columns rise from a shadowed floor against a gridded back wall, counting up to your values as they land.
A grid of raised tiles carries the headline numbers, each one counting up over its own label as it lands.