---
title: "How to Add a Vertical Reading Progress Bar in WordPress?"
url: https://nexterwp.com/docs/add-a-vertical-reading-progress-bar-in-wordpress/
date: 2024-12-12
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to add a vertical reading progress bar in WordPress? Adding a vertical reading progress bar can improve the user experience by keeping the progress bar away from..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Vertical-Reading-Progress-Bar-in-WordPress_-1024x519.jpg
word_count: 179
---

# How to Add a Vertical Reading Progress Bar in WordPress?

## Key Takeaways

- Nexter Blocks includes the Progress Tracker block for adding a vertical reading scroll progress bar in WordPress.
- Users can position the progress bar on the left or right of the screen using the Position section in the Style tab.
- The Apply to section allows users to apply the progress bar to either the entire page or a specific section.

Are you looking to add a vertical reading progress bar in WordPress? Adding a vertical reading progress bar can improve the user experience by keeping the progress bar away from the reading area.

With the Progress Tracker block from the Nexter Blocks, you can easily add a vertical reading scroll progress bar in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Progress Tracker block,* *[click here](https://nexterwp.com/docs/add-a-reading-progress-bar-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-reading-scroll-progress-bar)

To do this, add the Progress Tracker block from the Nexter Blocks to the page and follow the steps. 

1. Select **Vertical** from the **Type **section under the **Style **tab.

![](https://nexterwp.com/wp-content/uploads/2024/12/progress-tracker-vertical.png)

From the **Position** section, you can place the progress bar at the left or right of the screen. 

In the **Apply to** section, you can select where to apply the progress bar to the entire page or a specific section.

Now you’ll see a vertical reading scroll progress bar as you scroll the page.

## Frequently Asked Questions

**Q: What should I do if the vertical reading progress bar isn't showing up?**
A: If the vertical reading progress bar isn't displaying, first ensure that the Progress Tracker block from Nexter Blocks is installed and activated. This block is essential for adding the progress bar. Additionally, check that you've selected 'Vertical' from the Type section under the Style tab. If these settings are correct and it still doesn't show, try refreshing the page or clearing your browser cache.

**Q: What are the best settings for a vertical reading progress bar in a long article?**
A: For long articles, setting the progress bar to apply to the entire page is recommended. This ensures that users can track their reading progress throughout the entire content. Additionally, placing the bar on the left side may be less distracting for readers, allowing them to focus on the text without obstruction.

**Q: Does the vertical reading progress bar work with other themes besides Nexter Theme?**
A: The vertical reading progress bar is specifically designed for use with Nexter Blocks, which is part of the NexterWP ecosystem. While it is built primarily for the Nexter Theme, it also supports other builders like Elementor and Bricks. However, the best compatibility and performance are achieved when using it within the NexterWP framework.

**Q: What happens if I apply the progress bar to a specific section instead of the entire page?**
A: If you choose to apply the progress bar to a specific section, it will only track the reading progress within that designated area. This can be useful for long posts with multiple sections, allowing readers to see their progress in a focused context. However, it may not provide a complete overview of their reading journey across the entire article.

**Q: Are there any performance considerations when adding a vertical reading progress bar?**
A: Adding a vertical reading progress bar using the Progress Tracker block from Nexter Blocks is designed to be lightweight, as it uses zero jQuery and loads only 1 CSS and 1 JS file per page. This means the impact on page performance is minimal, making it a good choice for enhancing user experience without sacrificing speed.