PB
Available
arrow_back Back to Blog

Best Chrome Extensions for Tracking Reading Progress on Long Pages

PB

Patrick Bushe

December 20, 2025 · 5 min read

Reading progress bars seem simple — they all do the same thing, right? In
practice, they differ significantly in how they calculate progress, where
they display, and how they handle the difference between page scroll position
and actual article content progress.

Here's a comparison of the main approaches.

The simple scroll bar approach

The most basic reading progress implementations track your scroll position
as a linear percentage of page height. These are lightweight and work on
every page without any configuration.

Limitation: page height includes everything — headers, footers, comments,
related content, newsletter forms. A 5-minute article on a news site might
be 30% of the total page height, with 70% being navigation, comments, and
promotional content. When you finish reading the article, the progress bar
shows around 30%, which is confusing and not useful.

For pages where the content is the entire page (like a GitHub README or a
simple blog), this limitation doesn't apply. For news sites and content
platforms with heavy page structure, it's a significant problem.

Content-aware progress tracking

More sophisticated extensions attempt to identify the main article content
area using heuristics — looking for article tags, main elements,
high text density regions, or schema.org markup. Progress is then calculated
based on your position within that content region rather than the full page.

This is significantly more accurate for reading. The bar reaches 100%
when you finish the article content, regardless of how much footer content
exists below it.

Reading Progress Bar uses this content-aware approach. Its article detection
combines DOM structure analysis with text density measurements to find the
most likely content region. It works well on most well-structured sites
(most CMS-generated content has consistent structure) and falls back to
page-height calculation on unusual page layouts.

Additional features worth comparing

ETA and reading time remaining: Some extensions display a time estimate
(approximately 4 minutes remaining) alongside the progress bar. This requires
knowing the total word count of the article, which the extension calculates
by counting text nodes in the detected content region. Reading Progress Bar
shows this as a tooltip on the progress bar — hover over it to see the estimate.

Position options: Some extensions only support top-of-viewport bars.
Reading Progress Bar supports top, bottom, or sticky sidebar. The bottom
of viewport option is useful if you don't want visual noise at the top of
your screen while reading.

Site-specific configuration: Do you want the bar on every site or only
long-form reading sites? Reading Progress Bar lets you configure it to
activate only on pages above a word-count threshold (say, 500 words),
which means quick pages and app UIs don't show a progress bar.

Color customization: Basic but appreciated — set the bar color to match
your browser theme or a high-visibility color that works with your setup.

Which to choose

For general long-form reading (news, blogs, documentation), use Reading
Progress Bar with Article Mode enabled. The content-aware detection makes
the progress genuinely meaningful, not just a scroll position mirror.

For simpler needs (just want a visual scroll indicator across all pages),
a lightweight script or simpler extension is fine.

If you read a lot of PDFs, note that content-aware article detection
doesn't apply to PDFs — all progress bars fall back to scroll position
for PDF pages, where page height and content height are the same anyway.

Mobile browsers and progress bars

Mobile Chrome on Android supports extensions via some workarounds
(Kiwi Browser supports Chrome extensions, for example), but the reading
progress bar experience on mobile is less polished. Most people who care
about reading progress on mobile use apps like Pocket or Instapaper,
which have native progress indicators baked in.

For desktop Chrome, Reading Progress Bar is the cleanest solution.
For mobile, a read-later app handles progress tracking better than a
browser extension.

How reading progress affects reading behavior

Interesting side effect of visible progress indicators: they tend to
increase completion rates. Knowing you're 60% through an article creates
a psychological pull to finish — the same mechanism that makes progress
bars effective in games and productivity apps.

If you find yourself abandoning articles halfway through because you
get distracted, a visible progress bar can help. The awareness of being
half-done often tips the decision toward finishing rather than switching
tabs. Whether that's always the right choice depends on the quality of
the article, but it at least makes the decision conscious rather than
an impulsive tab switch.

For productivity reading (documentation, specs, research papers) this
is almost always beneficial. For recreational reading, it's a matter
of preference — some readers find the progress indicator adds healthy
structure, others find it makes casual reading feel too much like work.

Exporting reading statistics

Reading Progress Bar's history feature (if enabled) accumulates data on
your reading habits over time: how many articles you complete, which
domains you read most from, and your average read completion rate. From
the extension panel you can view this data and export it as a CSV.

For people who want to track their reading habits or set goals
(read 3 articles per day, finish at least 70% of what you start), this
gives you a concrete measure. It's a lightweight alternative to reading
tracker apps, integrated directly into your browsing.

More Tools by Patrick Bushe

Free Chrome extensions to boost your productivity and privacy