Digital Sovereignty for everyone

LH Navigation Listener

Retired in October 2026. LH Web Application 1.35.0 and later replace it. They add the lh_web_application-navigating class to body while the next page loads, and the theme draws the loading indicator. See LH Web Application’s Extending page. This plugin is no longer installed on LocalHero.

LH Navigation Listener showed a thin progress bar at the top of the screen while the next page loaded, when your site was running as an installed web app. In that mode the browser hides its own address bar and loading indicator, so without it a tap on a link can look as if nothing happened.

Features

  • Only appears when the site is opened as an installed app (standalone display mode); visitors in an ordinary browser tab see nothing.
  • Uses the browser Navigation API where available, and clears itself on errors, in-page anchor links, downloads and back-button returns.
  • Tiny footprint: one small deferred script and a few lines of inline CSS, loaded in the footer.
  • Themes can recolour the bar with two CSS custom properties, or restyle or remove it entirely.
  • Respects the reduced-motion preference.

Getting started

Activate the plugin. There are no settings. Your theme must call wp_body_open(), as every theme built since WordPress 5.2 does.

Documentation

If you like this plugin please consider making a donation to further development

Install LHero.org

lhero.org

Open it straight from your home screen, full screen and quicker to load.

  1. Tap the Share button . If you cannot see it, tap ••• first.
  2. Scroll down and tap Add to Home Screen.
  3. Tap Add.
  1. Tap the browser menu â‹®.
  2. Tap Install app or Add to Home screen.
  1. In the menu bar, choose File, then Add to Dock.

Use your browser's menu to install this site or add it to your home screen.