---
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 Progress Tracker block adds a vertical reading scroll progress bar in WordPress, keeping the progress bar away from the reading area.
- Style tab lets the user select Vertical from the Type section to create the vertical progress bar.
- Position section places the bar on the left or right of the screen, and Apply to targets 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.