Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Progress Pie widget

How to Use Progress Pie Widget

To many people, the demonstration of skills is very important. Besides the other ways of displaying skill, Progress Pie Widget is a very easy and effective way. Below, I’ll include some instructions to help you get started.

So, let’s dive into the doc.

To Insert Widget

Inserting the Progress Pie widget

Inserting a widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the circular progress bar widget inside your page.

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 in designing the progress chart.

Now, I’m going to show the sections of the tab and how they work behind the progress bar widget.


progress pie widget 2 - BdThemes

Simply, go to the Content tab > Layout > read the lines below.

To begin with, from this section you’ll able to set the value of Pie (for example, 85) along with the Duration.

Look at Progress Pie Title, Before Text, Middle Text, and After Text. All these things will allow you to add text to the Progress Pie. As you see in the screenshot above.

Also, use the Hide Title Divider on/off option so that you can hide or visible the divider between title and pie line.

Style Tab

To give style to the content is a fun part. So, let’s have a look.


This section includes two subsections – Progress Pie and Title. Each of the subsections will allow you to beautify the Progress Pie widget.

Mostly, the Line Cap control will let you select line styles such as Square, Rounded, and Butt. You can set the Line Width of the pie. Take a look at the image examples below.

Progress Pie:

progresspie - BdThemes

Go to the Style tab > Style > Progress Pie.

Note: If you want to style Before Text and After Text, you should add the both of Before Text and After Text from the Content Tab. After that, you will find them in the Style Tab for styling.


progress pie widget 3 - BdThemes

Come to the Style tab > Style > Title and add Background Color, Text Color, Padding, and Typography to the Title of the Progress Pie.

Video Assist

To sum up, hopefully, you have seen what things our Progress Pie widget includes. If you think this doc is not enough, you can see the video inserted above by Bdthemes. You can also get more design knowledge. Just, hook yourself with the demo page here.

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

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.