Skip to content
TimerHub

Progress Bar Timer

A single enormous bar that empties as the time goes, plus the percentage left.

Loading timer…

Quick timers

1m90s3m5m10m15m30m45m1h4h
Use this timer in your workspace
bar timerprogress timerloading bar timerpercentage timer

More ways to run this timer

Run it with rain, waves or a focus pad Same countdown, with an ambient bed that fades out at zero. No video, no ads.Need a visual countdown instead? Sand, candle, rocket, traffic light and seven more — built for projectors and classrooms.Name, share, or schedule a custom countdown

Other timers people set

Popular timers

4 Hour Timer45 Minute Timer9 Minute Timer90 Second Timer11 Minute Timer12 Minute Timer

Related timers

Classroom TimerFullscreen Timer5 Minute Timer10 Minute Timer15 Minute Timer20 Minute Timer

Take this timer with you

Keep it beside your work in Notion, or embed it on your website. No account or ads. Includes anonymous usage analytics.

In Notion, type /embed and paste this link. Resize the block to fit.

Customise colour, duration and size →Use in Google Docs or Canva →

About the Progress Bar Timer

Sometimes the clearest thing is the simplest. One bar, emptying left to right, with the percentage remaining spelled out underneath — readable from the back of a hall, and unambiguous for anyone who finds a clock face hard to parse quickly.

A free progress bar timer: one giant bar that empties as your countdown runs, with the percentage remaining underneath. It turns amber at 60% and red for the last tenth.

TimerHub calculates remaining time from an absolute finish timestamp, so missed browser callbacks do not create drift. Read the timing accuracy methodology and reproducible tests.

Common Uses

  • Exam and test sections
  • Workshop activities
  • Timed assessments
  • Large-hall countdowns
  • Live event segments

How to Use the Progress Bar Timer

  • Press Start — or the Space bar — to run the 10 minute countdown. Space also pauses and resumes it; R resets it
  • Tap a duration chip, or click the countdown to type any time you need
  • Use the Fullscreen control below the timer for a room-sized countdown (Esc to exit)
  • Choose or mute the alarm sound from the sound settings in the header

Frequently Asked Questions

Does it show the exact time as well?

Yes. The percentage sits under the bar and the digital countdown under that, so a glance gives the rough picture and a closer look gives the seconds.

Can I put this on a projector or smart board?

Yes. Press Fullscreen under the timer and the drawing fills the display at whatever size the screen allows. Esc exits. For a Chromecast or AirPlay setup, cast the browser tab and then go fullscreen on the source machine.

Can I embed this timer in my own page?

Yes. Every timer here has a copy-and-paste embed code that drops a working countdown into a class blog, a lesson page or a school site, with no account and no script tag.

Does it need an account or an app?

No. It runs in the browser with no signup, no install and no ads, which is what makes it usable on a locked-down school machine.