---
title: "How to Show Percentage in Reading Progress Bar in WordPress?"
url: https://nexterwp.com/docs/show-percentage-in-reading-progress-bar-in-wordpress/
date: 2024-12-12
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to show a percentage in the reading progress bar in WordPress? Showing a percentage in the reading scroll progress bar can improve the user experience by letting..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Show-Percentage-in-Reading-Progress-Bar-in-WordPress_-1024x519.jpg
word_count: 183
---

# How to Show Percentage in Reading Progress Bar in WordPress?

## Key Takeaways

- Nexter Blocks Progress Tracker block shows a percentage in the reading scroll progress bar in WordPress, giving users exact scroll progress.
- Progress Tracker block requires Nexter Blocks to be installed and activated before use.
- Percentage toggle in the Style tab enables the percentage display, and the Percentage Style section lets the user select an appropriate style.

Are you looking to show a percentage in the reading progress bar in WordPress? Showing a percentage in the reading scroll progress bar can improve the user experience by letting them know exactly how much they have scrolled down.

With the Progress Tracker block from the Nexter Blocks, you can easily show a percentage in the reading 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 the appropriate option from the **Type **section under the **Style **tab.

As per the selected progress bar type, set the appropriate position and location.

2. Then enable the **Percentage** toggle.

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

From the **Percentage Style** section, you can select an appropriate style of the percentage.

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