12 animated progress bar designs for YouTube videos
Labeled horizontal bars filling to their percentage one after another. Pick a design, add your labels and values, choose a theme and export a clip for your video edit.
Classic Progress Bars
Hero · Classic
Inline Progress Bars
Inline
Slim Progress Bars
Slim
Bold Progress Bars
Bold
Outline Progress Bars
Outline
Striped Progress Bars
Striped
Sketch Progress Bars
Sketch
Bordered Progress Bars
Bordered
Two-Tone Progress Bars
Two-Tone
Mono Progress Bars
Mono
Winner Progress Bars
Winner
Floating Progress Bars
Floating
Progress bars are for anything measured out of 100: goals, shares, scores, turnout, how far along something is. These animated video graphics fill each labeled bar to its percentage one after another in the rhythm of the animation preset, which makes them a natural fit for a narrator listing items in order.
What you can change
- One to six bars, each with a label and a value from 0 to 100.
- A title and subtitle, the theme (or your own brand colors and font) and the animation preset.
Choosing a design
The Classic stacks labeled bars on a card, the Inline puts each label beside its bar, the Slim and Bold designs change the thickness, the Outline, Striped and Sketch designs change how the bar is drawn, the Two-Tone and Mono designs limit the colors, the Winner keeps only the fullest bar in full color, and the Floating drops the panel.
In the edit
Export an MP4 for a full-frame cutaway or a transparent MOV to lay the bars over your own footage in Premiere Pro, DaVinci Resolve, Final Cut Pro or CapCut. Landscape and portrait sizes are both available.
Frequently asked questions
- Do the values have to be percentages?
- Yes. Each bar takes a value from 0 to 100 and fills to that share of its length. For raw numbers, work out the percentage first, or use a bar chart instead.
- How many progress bars can one clip show?
- One to six. Six keeps the labels readable at YouTube sizes and gives each bar its own color from the palette.
- Do the bars fill at the same time or one after another?
- One after another, in the order you list them, at the pace of the animation preset. Then they hold so the viewer can read them.
- Can I highlight the leading bar?
- Yes. The Winner design keeps the fullest bar in full color and dims the rest. Every design also takes your own brand colors.