How to Show Percentage in Reading Progress Bar in WordPress?

Updated On : April 14, 2026By : Reading Time : 1 minute

Key Takeaways

  • Progress Tracker block from Nexter Blocks shows a percentage in the reading progress bar in WordPress.
  • Users can enable the Percentage toggle to display scrolling progress as a percentage.
  • Nexter Blocks requires installation and activation to access the Progress Tracker block features.
Table of Contents

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.

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

LIVE BLOCK LINK

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.

progress tracker percentage

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.

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer
LinkedIn X Website

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What should I do if the percentage in the reading progress bar is not showing?

If the percentage in the reading progress bar isn't displaying, ensure that you've enabled the Percentage toggle in the Percentage Style section after adding the Progress Tracker block. This toggle is essential for showing the percentage as you scroll. If it's still not visible, double-check that the Progress Tracker block is correctly installed and activated as part of the Nexter Blocks.

Can I use the Progress Tracker block with other themes besides Nexter Theme?

The Progress Tracker block is designed to work within the NexterWP ecosystem, specifically with the Nexter Theme and Gutenberg. While it may function with other themes, optimal performance and features are guaranteed when used with Nexter Theme. For the best experience, stick to the NexterWP products.

What are the best settings for the Progress Tracker block to enhance user experience?

To enhance user experience with the Progress Tracker block, select a clear and contrasting style for the percentage display that fits your siteu2019s design. Position the progress bar where itu2019s easily visible, such as at the top of the page. This visibility helps users track their reading progress effectively, making your content more engaging.

Is the Progress Tracker block compatible with Elementor?

The Progress Tracker block is primarily built for Gutenberg and is part of the Nexter Blocks. While it may be possible to use it with Elementor, the full functionality and intended design are best experienced within the Gutenberg environment. For optimal results, use it as part of the NexterWP ecosystem.

What are common mistakes when setting up the Progress Tracker block?

A common mistake when setting up the Progress Tracker block is neglecting to adjust the position and location settings based on the selected progress bar type. This can lead to a poorly placed progress bar that detracts from the user experience. Always ensure these settings are configured to match your layout for better visibility.

Last reviewed: April 14, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123……………………………………………………………51