See exactly how far you've read on any page.
Reading Progress Bar is a free Chrome extension that adds a slim, beautiful scroll progress indicator to any webpage. As you scroll, the bar fills from left to right, giving you an instant sense of how far through the content you are — no guessing, no cluttered UI, just a clean indicator that stays out of your way. Choose to place it at the top, vertically centered, or at the bottom of the viewport. Dial in the height from a barely-there 2px hairline to a bold 20px bar. Optionally display a percentage label at the end of the bar. Every setting updates in a live preview inside the popup before applying to the page. Works seamlessly on long-form articles, developer documentation, news sites, GitHub, e-learning platforms, and any other scrollable page — including single-page applications. Zero accounts, zero tracking, zero network requests. Your settings live only on your device.
Reading Progress Bar is built to do one thing exceptionally well: show you where you are on any page. Clean, fast, and fully in your control.
Top, center, or bottom of the page. Place the bar exactly where you want it without it getting in the way of content, navigation, or toolbars.
From a subtle 2px hairline to a bold 20px bar. Make it as discreet or as prominent as you like — the choice is entirely yours.
See your changes instantly in the popup before they apply to the page. No guesswork, no reload required — what you see is what you get.
Optionally show a % label at the end of the bar. Get a precise numeric readout of your scroll position at a glance, or keep it off for a cleaner look.
SPAs, news sites, blogs, GitHub, e-learning platforms — any scrollable page. The bar responds correctly to dynamic page navigation and content changes.
Zero tracking, zero accounts. Settings are stored locally on your device using Chrome's built-in storage API. No network requests are ever made.
Anywhere you read long-form content on the web, Reading Progress Bar keeps you oriented and in control.
Articles, blog posts, and research papers can run for thousands of words. The progress bar keeps you anchored so you always know how much is left to read.
Technical docs and API references are often exhaustively long. Know at a glance whether you're a quarter of the way through or nearly at the end.
Investigative pieces and feature stories can scroll forever. Reading Progress Bar works on every major news outlet and media site without any setup.
Follow along with online course materials, tutorials, and lesson pages. The progress bar lets you manage your time and know when a section is nearly complete.
Contracts, terms of service, policy documents, and technical whitepapers are dense and long. Track your place precisely so you never lose your spot mid-review.
"I read a lot of long-form journalism and this is the extension I didn't know I needed. It's so subtle at 2px but completely changes how I experience long articles. I always know where I am."
Maya Collins
Journalist
"I spend hours in documentation every day. Having a progress indicator means I can actually estimate how much reading time is left in a section. The live preview in the popup is a really nice touch."
Ryan Nakamura
Backend Engineer
"Clean, lightweight, and private. I reviewed the permissions before installing and it asks for almost nothing. Bottom-bar placement works perfectly with my pinned tabs setup. Couldn't be simpler."
Sophie Hartmann
Security Researcher
"I use this every day for reading case law and legal briefs online. Knowing I'm at 67% of a 30-page document helps me pace my time between meetings. The percentage label is exactly what I needed."
Dana Kim
Corporate Attorney
"Works on every SPA I've tried — React docs, Vue Guide, Next.js docs. Other progress bar extensions I tried would break on client-side navigation. This one just handles it automatically."
Leo Torres
Frontend Developer
"My students complete long reading assignments online and I recommended this extension to my whole class. It reduces the 'how much more do I have?' anxiety and helps them stay focused. A genuinely useful tool."
Amara Osei
University Lecturer
Reading Progress Bar adds a slim scroll progress indicator to any webpage. As you scroll down, the bar fills from left to right, showing exactly how far through the page you are. You can position it at the top, vertically centered, or at the bottom of the viewport, and customize its height and whether it displays a percentage label.
No. Reading Progress Bar is 100% private. It makes zero network requests, has no analytics or tracking, and requires no account. All your settings are stored locally on your device using Chrome's built-in storage API. Nothing ever leaves your browser.
Reading Progress Bar is built for Google Chrome and any Chromium-based browser that supports the Chrome Web Store, including Microsoft Edge and Brave. It uses Manifest V3 for maximum compatibility and security.
Yes. You can choose from three positions (top, center, or bottom), set the bar height from 2px to 20px, and toggle an optional percentage label. Every change is shown in a live preview inside the popup before it applies to the page, so you always see exactly what you'll get before committing.
Yes. Reading Progress Bar monitors scroll position on the active page and updates correctly as SPAs navigate between views. It works on React, Vue, and Angular apps, as well as news sites, GitHub repositories, blogs, and any other scrollable webpage.
Reading Progress Bar only requires the storage permission to save your settings locally, and activeTab to inject the progress bar on the current page. It does not request access to your browsing history, bookmarks, or any sensitive data.
Yes, completely free. There are no premium tiers, no subscriptions, and no in-app purchases. Every feature — position selection, height adjustment, live preview, and percentage label — is available at no cost.
Install Reading Progress Bar and get instant scroll context on every page you read. Free, private, and no account required.
Add to Chrome — It's Free