Want extra motion next to your progress bar instead of a static icon? You can use an animated Lottie file.
This doc covers the Lottie option specifically – see the Settings Overview for every other option.
For the full settings tour of the Progress Bar widget, see How to Add Progress Bar in Elementor WordPress?.
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.
Steps
- Get a Lottie JSON file URL, for example from LottieFiles.com.
- Add the Progress Bar widget to the page.
- From Select Icon, choose Lottie.
- Paste the Lottie JSON URL into the Lottie URL field that appears.
Limitations
- Requires a Lottie JSON file hosted at a public URL – there is no built-in file picker for Lottie files here.
Not verified
So you know exactly what has and has not been checked:
- The Lottie animation actually playing on the front end (as opposed to the control being present and correctly gated) was not click-tested with a real Lottie URL in this pass.
