---
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

- Nexter Blocks Progress Tracker block adds a circular reading progress bar in WordPress by selecting Circular from the Type section under the Style tab.
- Apply to section lets the Progress Tracker block target the entire page or a specific section.
- Circle Position tab lets the Progress Tracker block adjust the position and offset of the circular progress bar as the page scrolls.

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.