Progress Circle widget

The Progress Circle widget is part of Neve PRO's Elementor Booster module

Follow the short tutorial on how to use the widget to create some great looking progress circles.

Step 1

Select the Progress Circle widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.

Step 2

The first thing you should update is the Percentage of the circle. There are also options to customize the speed of the animation and the delay before the animation should start. The Text Before and Text After options can be used to add some custom content before and after the percentage number.

The Text Middle option would replace the percentage number with custom content.

There is also an option for Additional Content after the circle. For that, click on the Content panel and explore the available options.

Step 3

After building the widget content, you can go ahead and customize it. Click on the Style tab to explore the options.

For each element of the widget, you can customize the color, font family and size, padding, margin and so on.

Step 5

Now, that the widget is almost ready, you can go on to the Advanced tab, if you want to add motion effects, advanced effects, content protection, background or make the page responsive.

Step 6

After finishing all the editing, click on  Publish to see your work live.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.