How to Use Reading Progress Widget

element pack

How to Use Reading Progress Widget

Reading progress. Think about the phrase. The phrase means the advancement of reading or a message to the reader about how much has been studied. If you start to think about how to make the reading progress, you can go for our Reading Progress Widget by Element Pack. The widget will let you show the bar for the readers.

I’ll include step by step instructions and detailed pictures to help you get started.

To Insert Widget

Inserting widget, it is just a matter of drag and dropping. You can insert the widget in any place of your page. As you see in the screenshot above.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.

Reading Progress

Look at the controls included in the section. With the default one, Skin control will allow you to set a skin such as Back To Top With Progress, Horizontal Progress, and Progress with Cursor and also the position of the skin.

Moreover, you can set size and offset horizontally and vertically. Have a look at the screenshot above.

Go to the Content tab > Reading Progress > and check the controls.

Style Tab

Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design. 

Let’s have a look.


There is nothing more to do here. Here, this section will help you add Color, Active Background, Box Shadow, and Typography.

Just go to the Style tab > Additional > and Check all the controls.

Video Assist

In conclusion, it seems that you’ve read this article and found very useful. If you want to know more about the widget, you can watch the video on Reading Progress Widget by Element Pack and also go to our demo page.

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.


Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.