ADVANCED: Loader Bar Countdown After Effects Tutorial

LEARN ABOUT EXPRESSIONS IN THIS DETAILED AFTER EFFECTS TUTORIAL! | We’ll create a loader bar, percent counter, and a countdown timer that can be customized by changing one simple slider.

Background photo I used here:

00:53 Create composition and background
01:30 Create the artwork and text
05:27 Inputting a number via Null Object
06:45 Code the loader bar
10:19 Percentage text animation
13:04 “Time Remaining” countdown clock
22:31 Wrapping up: Get it, Got it, GOOOOOOD!

🏆 My Instagram:

💰 Buy the Photoshop Course and Support the Channel →

In this After Effects tutorial, we’ll learn a whole bunch about how to use expressions and work with time and expressions by creating a bar that loads to 100% while displaying a bit of text that counts upward to show the progress from 0-100% and a countdown clock that should how long in minutes and seconds until the loading is complete. It’s the trifecta of perfect countdown and loader screen goodness. To cap off the tutorial, you can write the code once and simply change one slider to change the duration of your loader and everything updates automatically!

⚡️ written tutorial here:


tutvid is a YouTube channel dedicated to creating the best Adobe Photoshop, Premiere Pro, Lightroom, and Illustrator tutorials. My goal is to create the best, most informative, and entertaining tutorials on the web. If you enjoy my videos, the best way to support what I do here is to purchase my course linked above or simply subscribe to the YouTube channel by pressing the red button.

✉️ business inquiries:

Duration: 00:23:40

Likes: 1894 – Views: 59981