--- title: "How to Create Circle Progress Bars in Elementor?" url: https://theplusaddons.com/docs/create-circle-progress-bars-in-elementor/ date: 2024-03-29 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "Before you follow these steps: the Pie Chart (circular) style described in this doc is currently broken. Read the Limitations section below before building anything that depends on it. A..." image: https://theplusaddons.com/wp-content/uploads/2024/03/How-to-Create-Circle-Progress-Bars-in-Elementor_-1024x536.jpg word_count: 418 --- # How to Create Circle Progress Bars in Elementor? **Before you follow these steps: the Pie Chart (circular) style described in this doc is currently broken.** Read the Limitations section below before building anything that depends on it. A circular progress bar is a compact way to show a statistic or completion percentage. The Progress Bar widget's **Pie Chart** style is meant to provide this - but as shipped, it does not render. For the full settings tour of the **Progress Bar** widget, see [How to Add Progress Bar in Elementor WordPress?](https://theplusaddons.com/docs/progress-bar-settings-overview/). ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/progress-bar/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** Progress Bar is a **free** widget - it works with just The Plus Addons for Elementor installed, no Pro licence required.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Progress Bar** and turn its toggle on. ## Steps (as designed) - Add the **Progress Bar** widget to the page.- From **Main Style**, select **Pie Chart**.- Set **Dynamic Value (0-1)** to a value between 0 and 1 - for example 0.75 for 75%. ![Dynamic Value (0-1) slider under the Pie Chart style](https://theplusaddons.com/wp-content/uploads/2026/09/progress-bar-pie-value.webp) ## How It Actually Behaves **Confirmed broken on the front end.** No circular chart ever appears - the page loads with only the widget's text fields visible, no shape at all. The browser console shows: `Uncaught TypeError: $el.circleProgress is not a function` The cause is in the plugin's own code, not a one-off testing glitch: the widget's inline script waits for the element to scroll into view and then calls a jQuery plugin method named `circleProgress` - but that plugin is never loaded on the page. There is no script-dependency declaration or enqueue call anywhere in the Free plugin that would load it. The same failure will happen on any site running this version of the widget, not just in a test environment. ## Limitations - **Do not use the Pie Chart style for anything you need to actually work today.** Use the linear **Progress Bar** style instead, which is confirmed working - see the Settings Overview doc.- This is a product defect, reported to the development team, not a configuration mistake you can fix from the Elementor panel. ## Not verified So you know exactly what has and has not been checked: - Whether a future plugin update re-enqueues the missing script - recheck this doc's status before relying on the Pie Chart style again. ## Related Docs - [How to Add Progress Bar in Elementor WordPress?](https://theplusaddons.com/docs/progress-bar-settings-overview/)- [How To Add Lottie Animation In Progress Bar Elementor?](https://theplusaddons.com/docs/add-lottie-animation-in-progress-bar-elementor/) ## Frequently Asked Questions **Q: What do I need before trying to create circle progress bars in Elementor?** A: Elementor free needs to be installed and active, and The Plus Addons for Elementor has to be installed and activated too. The Progress Bar widget is free, so no Pro licence is required. One practical gotcha: the doc says the Pie Chart style is currently broken, so starting with that style is a bad bet if you need the result to actually render on the front end. **Q: Why is my circle progress bar not showing up on the front end?** A: The Pie Chart style is confirmed broken on the front end. The page loads with only the widget’s text fields visible and no circular shape at all, and the browser console shows `Uncaught TypeError: $el.circleProgress is not a function`. That points to a missing script dependency in the plugin code, not a bad setting in Elementor. **Q: Is there a working alternative to the circle progress bar style?** A: The linear Progress Bar style is the safe alternative because it is confirmed working. The doc explicitly says not to use Pie Chart for anything that needs to work today, and it points to the Settings Overview doc for the linear version: [How to Add Progress Bar in Elementor WordPress?](https://theplusaddons.com/docs/progress-bar-settings-overview/). That makes linear progress bars the practical choice until the defect is fixed. **Q: What value should I use for a circular progress bar percentage?** A: The Dynamic Value field expects a number between 0 and 1, not a raw percentage. For example, `0.75` represents 75%. That matters because using `75` would not match how this widget interprets progress, so the display logic would be wrong even before you hit the broken Pie Chart issue. **Q: Does this progress bar widget work without a Pro licence?** A: The Progress Bar widget works with just The Plus Addons for Elementor installed, so no Pro licence is required. It still depends on Elementor being installed and active, and on The Plus Addons for Elementor being enabled under The Plus Addons > Widgets. That makes it part of the free widget set rather than a paid-only feature. **Q: Will a future update fix the broken circle progress bar automatically?** A: That has not been verified yet. The page only says to recheck this doc’s status before relying on Pie Chart again, because whether a future plugin update re-enqueues the missing script is still unknown. Until that changes, treating Pie Chart as fixed would be risky, especially since the current failure comes from missing `circleProgress` loading in the plugin itself.