Skip to content
TimerHub

Progress Bar Timer

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

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.

bar timerprogress timerloading bar timerpercentage timer
100% left
10:00

Quick Timers

1m90s3m5m10m15m30m45m1h4h

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.

Proven Timer Pages

4 Hour Timer45 Minute Timer9 Minute Timer90 Second Timer11 Minute Timer12 Minute Timer
Name, share, or schedule a custom countdown →

Related Timers

Classroom TimerFullscreen Timer5 Minute Timer10 Minute Timer15 Minute Timer20 Minute Timer

Embed this timer

Paste this into any page — a class blog, a lesson plan, a meeting agenda — and visitors get a working progress bar timer with no script tag, no account and no tracking. Please keep the credit link.

About the Progress Bar Timer

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

  • Click Start (or press Space) to begin your 10 minute countdown
  • Press Space again to pause and resume, or R to reset the timer
  • Tap a duration chip, or click the countdown to type any time you need
  • Use the Fullscreen control below the timer for a large full-screen countdown (Esc to exit)
  • Choose or mute the alarm sound from the sound settings in the header
  • Add ?autostart=1 to the link to start the countdown on load
  • Enable notifications for alerts when your progress bar timer finishes, even in a background tab

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.