ForumCrafts — plugins, themes, extensions, add-ons & tools for real boards — tools for real boardsDownloads & licences →

Scroll Progress Add-on for XenForo

XENFORO ADDON free
Not rated yet Be the first

A thin bar across the top of the screen that fills as the reader scrolls a thread.

Long threads are easier to read when you can see how much is left. This draws a two-colour bar across the top of the screen and fills it in proportion to how far down the page the reader has scrolled.

What it gives you:

- A 3-pixel bar pinned to the top of the viewport, above everything else.
- Width recalculated from the real document height, so it stays accurate on short and very long threads.
- One passive scroll listener and a requestAnimationFrame guard, so scrolling stays smooth.
- No animation for visitors who asked their system for reduced motion.

Colours, height and position are three values in the template modification.

What's included

  • Progress bar pinned to the top of the viewport, above the header
  • Width derived from the real scrollable height - accurate on short and long pages
  • requestAnimationFrame guard and a passive listener, so scrolling stays smooth
  • Two-colour gradient with flat and single-colour fallbacks
  • No transition at all for reduced-motion visitors
  • No server work, no database changes, no external requests

At a glance

PlatformXenForo add-on
Latest versionv1.0.0
Download size14.7 KB
Released25 Oct 2026
Downloads0
AccessFree — sign in to download
PlatformXenForo 2.2 or newer (built to 2.2/2.3 conventions)
Add-on IDDataForums/ScrollProgress
Version1.0.0
PHP7.4 or newer
Template modifiedPAGE_CONTAINER (one str_replace on </body>)
Database changesnone
Optionsnone - colours and height live in the template modification
LicenceGPL-3.0-or-later

Requirements

  • XenForo 2.2.0 or newer
  • PHP 7.4 or newer (the Setup class is syntax-checked on PHP 8.4)
  • The stock PAGE_CONTAINER template
  • Nothing to configure

Checksum

Verify your download before you upload it to your board.

e9d8b8258b43ff86278946335575737f72b26680af7d92be4485aba46cd4d676

Install it

1. Admin CP > Add-ons > Install from archive, choose df-xenforo-scroll-progress-1.0.0.zip, then Install.
2. Open any long thread and scroll: the bar fills from left to right.
3. To change the colours or thickness, edit the style block in the template modification.
4. To remove it: Uninstall. Nothing is left behind.

Questions people ask

Does it jump when images load late?

No. The width is recalculated on every scroll from the current document height, so it corrects itself as content settles. Will it cover my sticky header? The bar is 3 pixels tall and sits above the header, not over it. If you want it below, add top:auto and bottom:0 to the .dfxf-sp rule. Does it cost anything on the server? No - it is HTML, CSS and a few lines of JavaScript, all served from your own board.

All releases

VersionReleasedSizeDownloadsChangelog
v1.0.0 latest 25 Oct 2026 14.7 KB 0 1.0.0 - first ForumCrafts release of this XenForo add-on. Built to the XenForo 2.2/2.3 add-on conventions: addon.json, a standard Setup class and one template modification. Verified before release: addon.json parses, Setup.php passes php -l, the data XML is well-formed, and the injected markup and JavaScript were exercised in a real browser (the pill appears and returns to the top, the bar dismisses and stays dismissed, the links resolve, the clocks tick, the progress bar fills, the reading-time chip counts the words).

Ratings & reviews

No ratings yet — the first one will be real, not seeded

More XenForo add-ons

All XenForo add-ons