A progress ring sweeps to your percentage while the number counts in the center. Clean data storytelling.
Loading Animations
Progress Pill
- progress
- percentage
- bar
Loading editor
Progress Bar Animation – Percentage Loading Bar
About Progress Pill
A rounded progress bar fills to 100% with a live percentage and glossy shine. Great for countdowns to launch.
Part of Loading Animations. New to this kind of graphic? Read How to Make a Loading Animation for a Video or Website.
- Category
- Loading Animations
- Length
- 3 seconds, up to 60 seconds
- Playback
- Plays once
- Controls
- 11 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 Progress Pill animation?
A rounded progress bar fills to 100% with a live percentage and glossy shine. Great for countdowns to launch. It belongs to the Loading Animations category on velements, where you edit it in the browser and download it as a finished video file.
What can you customize in Progress Pill?
Every control in the editor, grouped the same way there. Typography: font. Style: background, primary, secondary, thickness and text color. Layout: aspect ratio, scale and position. Motion: duration and easing. Each change appears in the live preview straight away, and editing is free.
How long is Progress Pill?
Progress Pill runs 3 seconds by default, and you can set any length up to 60 seconds before you export. It plays once from start to finish, so it drops straight onto a cut or an opening.
Can you download Progress Pill 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 Progress Pill 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
Dots Bounce
1.5sGradient dots hop in a rolling wave with a playful squash, a friendly wait state that loops forever.
Radar-like rings ripple out from a beating core. Ideal for live indicators, scanning and connecting states.
A content placeholder card with a soft shimmering highlight, exactly like modern apps while loading.
A smooth arc that stretches and contracts as it spins, the modern Material-style loader. Loops seamlessly.
A hundred cubes fill in one by one to show a percentage as countable blocks rather than a slice of a circle.
A tag box grows around the label, the panel lifts and the announcement rises into place with its date line underneath.
A browser window pops open, the URL types itself and the page loads in. Upload your screenshot, or let the blocks build themselves.