Turn Your Minimum Efforts Into Maximum Results

Table Of Contents

How To Use The Reading Progress Widget By Element Pack Pro

In this documentation, we will discuss the customization of the Reading Progress widget, brought to you by the Element Pack Pro addon.

Inserting The Reading Progress Widget

Inserting The Reading Progress Widget

Open your page in the Elementor editor, search by the widget name, and then drag-drop it on the page.

Work With Content Tab

Reading Progress Section

Go to Content > Reading Progress


Come to the Reading Progress section, Find the Skin ( Default, Back To Top With Progress, Horizontal Progress, and Progress With Cursor) options.


Here also find the Progress Position ( Bottom Right, Bottom Left, Top Right, and Top Left), Secondary Circle Size, Horizontal Offset, and Vertical Offset options.

Work with The Style Tab

Additional section Customization

Go to Style > Additional

Find the Color, Active Background Color, Box Shadow, and Typography options.

All done! You have successfully customized the Reading Progress widget on your website.

Video Assist

You can watch this quick video to learn about the Reading Progress widget. Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge