Scroll Progress Indicator — Reading Progress Bar

Scroll progress indicator at the top of every page. 8 colors, adjustable thickness, hide per-tab. Minimal reading progress bar.

📊 Scroll Progress Indicator — Reading Progress Bar See how far you have read on every page with a scroll progress indicator at the top of your screen. When you open a long article, blog post, or documentation page, the reading progress bar fills as you scroll. Stop wondering how far down page you are — the scroll indicator tells you. ✨ FEATURES 📍 Scroll progress bar at the top or bottom of any webpage — pick the position that fits your reading style. 🎨 8 color presets plus custom hex value for the customizable progress bar — match your brand, theme, or mood. 📏 Adjustable thickness for the scroll indicator — go thin for a minimal progress bar that fades into the page, or thick for a bold reading bar that stands out. 🚫 Per-tab disable to hide the page progress bar — when you do not want a scroll percentage indicator on a specific page, toggle it off and the bar disappears for that tab only. 📚 Article reading progress and blog reading progress at a glance — the reading completion bar shows your scroll position as you move through long-form content. ⚙️ Customizable settings save automatically — set color, thickness, and placement once; the webpage progress bar remembers your choices across browser sessions. 🎯 WHO IT IS FOR 📖 Long-form readers who want a scroll position indicator on news sites, blogs, and Medium articles. 🎓 Students working through documentation or research papers — the page reading indicator shows how far through a chapter you are. ✍️ Writers reviewing drafts of their own articles — the reading tracker gives a clear sense of length. 🔍 Researchers scanning through long pages — the vertical scroll indicator works as a scroll tracker so you always know your spot. 🛠️ HOW IT WORKS 🔒 The scroll progress chrome extension runs entirely locally on your device. No data collection. No tracking servers. No analytics. 📐 Page scroll progress is calculated from your scroll position relative to total page height — the same math used by every minimal progress bar reference site on the web. 🎚️ Open the popup to adjust the chrome progress bar: — Pick from 8 color presets or enter a custom hex value — Choose top or bottom placement — Set thickness from 1px to 8px — Toggle the bar on or off for the current tab 🚀 WHY THIS SCROLL INDICATOR Most scroll bar chrome extensions add weight to the browser. They request broad permissions. They include analytics scripts. This browser progress bar stays light: — Tiny code footprint — Only the permissions needed to inject the bar — No third-party scripts — No telemetry — Works on every site The page reading progress indicator is designed for daily workflows. Install once. Forget it is there. Notice it when you scroll. 📝 USE CASES 📰 News article reading — see how many paragraphs remain before the next story. 📖 Medium and Substack — the reading bar shows your spot on long essays. 📚 Documentation — engineers reading docs get a page completion indicator without leaving the screen. 📑 Long single-page articles — for sites that render long pieces as one page, the scroll progress bar works as a virtual page progress bar. 🔬 Academic research — the page scroll progress helps you know how much of a paper is left. 💡 TIPS — Pair the reading progress chrome extension with your favorite reader mode for the cleanest experience. — Use a color that contrasts with your most-visited sites — dark grey for white pages, light blue for dark themes. — Set thickness to 2px or 3px for a barely-there feel. Install the reading bar chrome extension and get a clean webpage progress bar that fits any reading workflow.