The Plus Addons for Elementor’s Progress Bar widget displays data and statistics in an interactive, visually appealing way.
It comes in a linear bar style and a circular (pie chart) style, with icon, image and Lottie support.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: 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.
How to Activate the Widget
Go to The Plus Addons > Widgets, search for Progress Bar and turn on its toggle.
Key Features
- Linear bar – a horizontal progress bar that fills to a percentage.
- Circle / Pie Chart style – see the Limitations note below before using this.
- Icon, Image or Lottie support alongside the bar.
Steps
Add the Progress Bar widget to the page.
Layout
From Main Style, choose Progress Bar (the default, a linear bar) or Pie Chart (a circular bar).
For the linear bar, the Dynamic Value (0-100) slider sets how much of the bar visually fills. This number drives the fill animation only – it is not shown as text by itself.
Icon
From Select Icon, choose None, Icon, Image or Lottie.
Settings Overview
| Setting | What it does | Default |
|---|---|---|
| Main Style | Progress Bar (linear) or Pie Chart (circular). | Progress Bar |
| Dynamic Value (0-100) | How much of the linear bar visually fills. | 59 |
| Select Icon | None, Icon, Image or Lottie alongside the bar. | Icon |
How It Behaves
- Confirmed on the front end: with Main Style = Progress Bar, the bar’s visual fill is genuinely proportional to the Dynamic Value setting (tested at 72%, the bar filled to match). This is separate from the widget’s own “Number” text field, which shows its own number as text and is not tied to the Dynamic Value percentage – the two can show different figures on the same bar and that is expected, not a bug.
Limitations
- The Pie Chart (circular) style does not work. See How to Create Circle Progress Bars in Elementor for the confirmed defect and what that means for this style.
