A bar along the top of the page competes with everything else up there. A bar down the side does not.
The Vertical type runs the same tracking as Horizontal, just turned on its side — rising up the left or right edge of the screen instead of filling across the top.
For every Dynamic Device setting in one place, see the Progress Tracker block guide.
Before You Start
- Edition: Free — the Progress Tracker block works in Nexter Blocks (free) and Nexter Blocks Pro.
- Block to enable: Progress Tracker, switched on under Nexter > Blocks in your WordPress dashboard.
- The bar is fixed to the screen, not the page. It stays in place as you scroll, pinned to the edge you choose — that is what makes it a reading indicator rather than a static graphic.
Steps
- Add the Progress Tracker block anywhere on the page.
- Choose a Type: Horizontal, Vertical or Circular.
- Set Type to Vertical.
- Set Position to Left or Right.
Measured proportional to scroll, the same as Horizontal — at 50% scrolled, the bar’s height read exactly 50%.
How It Behaves
- Height fills from the bottom up as the visitor scrolls down the page.
- Position only offers Left or Right for Vertical — there is no top/bottom choice here, that belongs to Horizontal.
- Percentage and Apply to both work the same way as on Horizontal — see the Percentage guide and section guide.
- The bar is fixed to the screen, not the page. It stays in place as you scroll, pinned to the edge you choose — that is what makes it a reading indicator rather than a static graphic.
Limitations
- A tall, narrow bar can be easy to miss on a wide screen — consider adding Percentage text so it is not the only cue.
- Pin Point still works on Vertical, but only with Apply to set to Entire Page — see the Pin Point guide.
- A section-scoped bar needs a section taller than the screen — see the section guide.
Troubleshooting
The bar is on the wrong side
Set Position to Left or Right under the Type setting.
The bar overlaps my sidebar or menu
The bar is fixed to the edge of the whole screen. Give it a Margin under Advanced, or choose Horizontal instead if a side position conflicts with your layout.
