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.

Theme
Style

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.
Progress Bars · Doodars