---
title: "How to Add a Circular Reading Progress Bar in WordPress?"
url: https://nexterwp.com/docs/add-a-circular-reading-progress-bar-in-wordpress/
date: 2024-12-12
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add a circular reading progress bar in WordPress? Adding a circular reading scroll progress bar can add a unique touch to your website compared to a..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Circular-Reading-Progress-Bar-in-WordPress_-1024x519.jpg
word_count: 177
---

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

## Key Takeaways

- Progress Tracker block from Nexter Blocks allows users to add a circular reading progress bar in WordPress.
- Users can select 'Circular' from the Type section under the Style tab to customize the progress bar.
- The Circle Position tab enables users to adjust the position and offset of the circular reading progress bar.

Do you want to add a circular reading progress bar in WordPress? Adding a circular reading scroll progress bar can add a unique touch to your website compared to a traditional linear progress bar.

With the Progress Tracker block from the Nexter Blocks, you can easily add a circular 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 **Circular **from the **Type **section under the **Style **tab.

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

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

From the **Circle Position** tab, you can adjust the position and offset of the progress bar.

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

## Frequently Asked Questions

**Q: What should I do if the circular reading progress bar isn't displaying?**
A: If the circular reading progress bar isn't showing, ensure that the Progress Tracker block from Nexter Blocks is installed and activated. This block is essential for adding the progress bar. If it's activated but still not visible, check the settings under the Circle Position tab to confirm the position and offset are correctly set.

**Q: What is the best way to position the circular reading progress bar?**
A: The best practice for positioning the circular reading progress bar is to use the Circle Position tab to adjust its position and offset. This ensures that the progress bar is visible and enhances the user experience as they scroll through your content.

**Q: Does the circular reading progress bar work with other page builders?**
A: The circular reading progress bar is specifically designed to work with Gutenberg as the primary builder. While it may be compatible with Elementor and Bricks, the optimal experience is achieved using Gutenberg, as NexterWP is built primarily for it.

**Q: What happens after I add the circular reading progress bar?**
A: After adding the circular reading progress bar, it will appear as users scroll through the page. This visual cue helps indicate how much of the content has been read, enhancing engagement and providing a modern touch to your website.

**Q: Are there any limitations when using the circular reading progress bar?**
A: One limitation to consider is that the circular reading progress bar requires the Nexter Blocks to function. Without this block, you won't be able to implement the feature. Additionally, ensure that your theme supports the styling and functionality of the progress bar.