|

Reading Progress Bar (Extension)

The Reading Progress Bar extension helps improve user engagement by visually indicating how much of the content has been read. As the user scrolls down a page, the progress bar fills up giving a clear signal of their reading position within the article or page.

This small yet powerful feature is especially useful for blog posts, documentation, long-form content, and any page where you want to encourage readers to continue scrolling.

Key Features:

  • Display progress bar at the top or bottom of the page.
  • Choose from multiple styles: horizontal bar or circular indicator.
  • Customize colors, thickness, and animation speed.
  • Enable on specific post types or site-wide.

How to Enable the Reading Progress Bar

To start using the Reading Progress Bar extension:

  1. Navigate to your WordPress Dashboard.
  2. Go to Ultimate Addons > Settings > Widgets and enable the Reading Progress Bar.
  3. Find the Reading Progress Bar extension under the Elementor Site Settings tab.
  1. Toggle ON the switch to Enable Scroll To Top extension.
  2. Click Save Changes.

Once enabled, the extension will be active across your website. You can control where and how it appears via the settings.

enable-progress-bar

Customization Options

After enabling the extension, go to:

Here you can configure the following:

  • Display On: Select where you want the progress bar to appear such as all pages, blog posts only, or specific post types.
  • Position: Choose whether to show the bar at the top or bottom of the page.
  • Color: Customize the color of the progress bar to match your site’s branding.
  • Height: Adjust the height of the bar to your preference.
  • Offset: Set how far from the top or bottom the bar should appear, useful if you have sticky headers or footers.

Use Cases

  • Blog Posts: Encourage users to finish reading by showing their progress.
  • Documentation Pages: Let readers know how far they’ve gone in the guide.
  • Landing Pages: Increase engagement on long marketing or sales pages.

Need Help?

If you run into any issues or have further questions, feel free to reach out to our Support Team or check out more UAE Documentation.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page
Scroll to Top