Rescroll

Free loading bar animation maker

A loading bar that fills the way real ones do: quick, then stuck, then a jump to the end. Download it as a 1080p MP4 in white on black. Free, no sign-up, no watermark.

The basics

What is a loading bar animation?

A loading bar animation is a clip of a bar filling up as if something were loading, installing or downloading. It's a visual joke as much as a graphic: editors cut to it for a “brain loading” moment, a fake install, a reveal that's being held back, or the opening seconds of a video.

This one lights up sixteen blocks over five seconds at the Uneven pace, so it rushes, stalls and jumps the way a real loading bar does, then swaps the label from Loading to Complete. Change either word: Downloading, Installing, Thinking, Done.

It's white on pure black in a monospaced typeface. In your editor, set the clip's blend mode to Screen and only the blocks and the text remain over your footage.

To put it on your video, see how to add a progress bar in CapCut, Premiere Pro, DaVinci Resolve and Final Cut Pro.

What you download

Price
Free. No sign-up, no email, no watermark.
Format
MP4 (H.264), no audio
Resolution
1080p: 1080×1920, 1920×1080, 1080×1080 or 1080×1350
Frame rate
30 or 60 fps
Range
Any two percentages from 0 to 100, filling or draining
Fill time
1 to 60 seconds, plus up to 5 seconds resting when finished
Styles
Bar, ring or 16 blocks, in three thicknesses, at four paces
Colors
Six looks, or any fill, text and background color
Overlay
Green background for chroma key, or black for a Screen blend
Where it runs
In your browser. Nothing is uploaded.

How it works

How to make a loading bar animation.

Four steps, about a minute, and nothing to install.

  1. 1

    Choose a style

    Bar fills left to right, Ring closes a circle around the number, and Blocks lights up sixteen segments one at a time. Pick how thick it is.

  2. 2

    Set the numbers

    Type where it starts and where it ends, anywhere from 0 to 100%, and how long it takes: 1 to 60 seconds. Add a label such as Loading, and a word to switch to when it finishes.

  3. 3

    Pick the pace and the look

    Steady for time passing, Uneven for a believable loading bar, Slow down for a stat that lands. Then one of six looks, or your own fill, text and background colors.

  4. 4

    Download the MP4

    Press Download. The video is rendered in your browser at 1080p and saved to your device, usually in a few seconds. No account, no watermark.

More versions

Make a different one.

Each one opens its own maker with the settings filled in. Change anything, then download.

Progress bar

A bar, a ring or a row of blocks filling to any percentage, with the number counting beside it.

Circular progress animation

A ring closing to 75% with the number counting inside it. For a goal reached, a survey result or a skill level.

When a progress bar isn’t enough

The free progress bar is the starting point.

Here you get a clean bar on a background. In Rescroll you describe the graphic you actually want — “show our funding goal filling to 72% as I say it, with our logo and the amount raised” — and it's designed from scratch on your own video. Attach your logo or a screenshot and it matches them. Not right yet? Ask for the change in the chat.

Free progress bar

Rescroll

One bar, in your colors

Any design you can describe, matched to your logo, fonts or a screenshot

A clip you overlay and key out yourself

Built on your own video, placed around you

You line it up in your editor

Fills on the exact word you say

Change it with the settings here

Change anything by asking in the chat

Make it yours in RescrollSee AI motion graphics

Part of the Pro, Ultimate and Scale plans.

Revenue chart. A flat year, then the spike, on “this”.
Payout reveal. The number rolls as he says it.

Both built in Rescroll from a description.

Questions

Loading bar animation: your questions, answered.

How do I make a loading bar animation?

This page opens on one: sixteen blocks filling to 100% in five seconds, ending on Complete. Press Download for a 1080p MP4, or change the words, the pace and the look first.

How do I make the loading bar look realistic?

Choose Uneven under Pace. It fills quickly at first, stalls, jumps ahead and stalls again just before the end, which is how real loading bars behave. Steady and Slow down are there if you want it smooth.

Can I change “Loading” to something else?

Yes. The label takes up to 24 characters, and so does the text it switches to when the bar finishes. Leave the second one empty to keep the same label throughout.

Can the loading bar get stuck at 99%?

Yes. Set To % to 99 and the bar stops one short of full. Leave the finish text empty so it never says it's done.

Is the progress bar maker free?

Yes. It's free to use and free to download, with no account, no email address and no watermark on the video. There's no limit on how many you make.

What format and resolution is the video?

An MP4 with H.264 video, at 1080p in the shape you choose: 1080×1920 (9:16) for TikTok, Reels and Shorts, 1920×1080 (16:9) for YouTube, 1080×1080 (1:1), or 1080×1350 (4:5) for the Instagram feed. You can export at 30 or 60 frames per second.

Can I get the progress bar with a transparent background?

MP4 can't store transparency, so the progress bar comes ready to key instead. Set the background to green and remove it with chroma key in your editor. If the graphic is light, you can also set the background to black and use the Screen blend mode. Either way only the progress bar is left over your footage.

Is my video uploaded anywhere?

No. The progress bar is drawn and encoded on your own device, using your browser's built-in video encoder. Nothing is sent to a server and there's no render queue.

Can I use the progress bar in client work, ads or monetized videos?

Yes. The video you download is yours to use in personal and commercial projects, with no attribution needed.

Can I match my brand, add my logo or change the design?

Not in the free maker, which is deliberately simple. That's what Rescroll's AI motion graphics are for: describe the graphic you want in plain English, attach your logo, fonts or a screenshot of your style, and it's designed from scratch on your own video, placed around you and timed to the word you say. Ask for any change in the chat. It's part of the Pro, Ultimate and Scale plans.

More free tools

Other graphics you can make here.

All free, all made in your browser, all without a watermark. See every free tool.

Number counter

Any two numbers, counting up or down, with a prefix, suffix and label of your own.

Timer video

A countdown from any time up to 60 minutes, with a ring or a bar that empties as it runs out.

Calendar animation

A desk calendar flipping from Friday the 13th to Monday the 16th, then “3 days later” as the last page lands.

Clock animation

An analog clock racing from 7:10 to 10:10 with its hands sweeping, then “3 hours later”. Digital and flip styles too.

Film countdown

The black-and-white film leader: 5 down to 1 inside two circles and a crosshair, with a clock wipe sweeping round each number.

Lower third

A name and a title in five animated styles: a bar, a line, a card, a name tag or an @handle pill, placed along the bottom of the frame.

Keep reading

Where to go next.

Progress bar

Back to the progress bar maker, with everything it can do.

AI motion graphics

Counters, charts, app screens and maps designed from a description, on your own video and timed to your words.

AI video editor

The whole edit from a sentence: silences and bad takes cut, captions, color, zooms and graphics.

Rescroll vs After Effects

When to keyframe a graphic yourself, and when to describe it instead.

Rescroll vs CapCut

Preset text animations against graphics designed for each moment. Often used together.

Your next video,
edited like the top 1%.

Drop it in. Say what should appear. Read the plan, press Build, and export the finished video — no After Effects, no editor, no template.

Make your first graphic

Part of Pro, Ultimate and Scale · Export is free · Failed builds are refunded