Scroll Progress Indicator — Reading Progress Bar

About

📊 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.