Sticky Section Progress Nav

Subscription

A horizontal section rail that docks under the header once the page scrolls past it, highlights whichever section is actually in view, and shows how far through the whole page the reader has gotten with a thin fill — built for long docs and product pages where a sidebar doesn't fit.

Category: Standard Navigation
Framework: react
Version: 1.0.2
Peer deps: react

Install

bash

velocityx add standard-sticky-section-progress-nav

This component is on the Velocity Components subscription. Run velocityx login <your-key> first — subscribe here if you haven't. The licence key is in your receipt email.

Demo

View the live demo on the showcase site ↗

Source

Component source isn't shown here for subscription components — that's the one thing the subscription gates. Install it with the CLI after logging in, or preview the rendered result on the live demo.

Theming

Uses the shared primary-* / accent-* scale — see Theming if colours look unstyled after install.