Outline Progress Bars: two hollow animated bars for head-to-heads

Midnight · Smooth Rise

Two hollow bars drawn as strokes, spaced well apart, floating on your background. Built for a head-to-head: mail against in person, this against that.

Theme

Animation

Font

Size

Corners

Colors

Labels

Values

Bar Thickness

Highlight Winner

Title

Transparency

Inner Background

Spacing

Canvas

Timing

·

Branding

Your data

Items

The Outline Progress Bars draw each bar as a hollow stroke in its own color, spaced well apart and floating small on your background with the percentage counting up. Two bars make it a head-to-head: home versus away, before versus after. Use your own data, colors, theme, font and animation preset.

Frequently asked questions

Is it only for two bars?
It is designed around two, spaced well apart, but it takes up to six.
Are the bars filled?
The fill grows inside a stroked outline, so the empty part of each bar is visible as a hollow track.
Can I overlay this on my own footage?
Yes. Export it as a transparent MOV (ProRes 4444 with alpha) and place it on a track above your video in Premiere Pro, DaVinci Resolve, Final Cut Pro or CapCut.
Can I use my own colors and font?
Yes. Pick a theme or swap in your brand colors, choose a brand font, text size and corner style, and the design redraws in your look before you export.