5 Best Elementor Progress Bar Plugins (2026 Comparison)

Elementor already has a Progress Bar widget. So why would you install a plugin for it?

Because the built-in widget draws one kind of bar. If you want circles, half circles, dots, icons, Lottie animations, or tooltips, you need an add-on.

This guide compares five Elementor addons that include a progress bar widget. For each one, you get the features, the price, the limits, and who should pick it.

Quick answer: Elementor’s built-in Progress Bar widget is enough for a simple horizontal bar. Add a plugin only if you need circles, icons, Lottie, tooltips, or multi-label bars. Then pick the plugin by the feature you need, using the table below.

Best Elementor Progress Bar Plugins at a Glance

Multiple bars per widget, separate title and value styling	Pro from $29/year for 1 site (listed at $69)
Lottie, multi-label bars	See official pricing page
Prefix/suffix, height controls, icon/image/Lottie	See official pricing page
Animated designs	JetElements from $75/year for 1 site
Tooltips, gradient, striped, stacked bars	Pro from $49/year for 1 site (list price)

Note: Prices change often because of sales. Always confirm on the official pricing page before you buy.

Does Elementor Already Have a Progress Bar Widget?

Yes. Elementor includes a Progress Bar widget, and Elementor’s Help Center documents it.

It draws a horizontal bar that fills with an animation. You can set a title, a percentage, a bar type (info, success, warning or danger), show the percentage inside the bar, and change the bar and background colors.

For a short skills list or a single percentage, this is enough. You do not need a plugin.

When Do You Need a Progress Bar Plugin?

An addon helps when you need something the built-in widget does not offer:

• Circle, half-circle or dot-style progress
• Icons, images or Lottie animations inside the bar
• Tooltips that show the percentage
• Stacked bars or bars with several labels
• More style and animation controls

If none of these apply, skip the extra plugin. If you want to understand what addons are before you choose one, read What Is an Elementor Addon?

How We Chose These Plugins

We looked at each plugin’s official widget page, documentation and pricing page on October 15, 2026. We compared them on:

• Layouts (bar, circle, dots, steps)
• Free or paid availability of the progress bar widget
• Animation and styling options
• Extra content options, such as icons, images and Lottie
• Price for the paid plans

A few things to know before you read on:

• HT Mega is our own plugin. We list it first because this is the HT Mega blog, not because it won a test.
• We did not run speed tests or screen reader tests. The performance and accessibility notes below are general guidance.
• We relied on official documentation and demos, not our own testing. Documented features are not the same as tested features, so check the live demos before you decide.

Progress Bar, Reading Progress Bar and Step Progress: What Is the Difference?

These names get mixed up. They solve different problems.

• Progress bar (skill or stat bar): Shows a value, like “WordPress 90%”. This is what the plugins below cover.
• Circular progress: The same idea drawn as a circle or half circle.
• Reading progress bar: Fills as a visitor scrolls down an article. HT Mega has a separate Reading Progress Bar module for this.
• Step or process progress: Shows stages, like Cart, Checkout, Payment. Use a steps or process widget for this. For example, HT Mega has a Working Process widget and The Plus Addons has a Process/Steps widget.

If you pick a skill bar to show checkout steps, it will confuse visitors. Pick the type that matches the job.

The 5 Best Elementor Progress Bar Plugins

HT Mega

HT Mega’s Progress Bar widget displays percentage-based progress indicators in 10 ready-made styles. You can add several bars to one widget and style each title, value and bar separately, as the HT Mega documentation explains. That makes it useful for skill levels, project milestones and simple statistics on Elementor pages. It suits people who already use HT Mega’s other widgets and want matching designs.

Key features

• 10 ready-made bar styles
• Add several bars to one widget
• Separate style controls for the item, the title and the value
• Part of the larger HT Mega widget library

Pros

• The widget is available in the free HT Mega plugin
• Quick to set up if HT Mega is already on your site
• Matches the styling of other HT Mega widgets

Cons

• The widget page shows horizontal bars only. We did not find circle, dots or Lottie options there.
• Installing a full addon suite only for one widget is more than most sites need.

Pricing: There are 2 different pricing plans for HT Mega: 

Yearly Plans: 

• Personal Plan: $49/Yearly(For 1 Website)
• Developer Plan: $79/Yearly(For 5 Websites)
• Growth Plan: $99/Yearly(For 999 Websites)

One-Time Plans:

• Personal Plan: $99 /One Time Fee(For 1 Website)
• Developer Plan: $149 /One Time Fee(For 5 Websites)
• Growth Plan: $199 /One Time Fee(For 999 Websites)

Choose HT Mega if you already use it, or you want bars that match the rest of its widgets. Look elsewhere if you need circular bars or Lottie inside the bar.

👉 Check The Top Elementor BuddyPress Plugins

Premium Addons

The Premium Addons Progress Bar is a free Elementor widget with four layouts: line, half-circle, circle and dots. It supports percentage labels, two labels per bar, and Lottie animations. You can use it to show skills, achievements, or project completion in a format other than a plain horizontal bar. It is a good fit when your design needs circular or dotted indicators without paying for a plugin.

Key features

• Line, half-circle, circle and dots styles
• Lottie animations inside bars and circles
• Multi-label bars with pin and arrow label indicators, which work for step-like layouts
• Two labels per bar

Pros

• Free, with the widest range of layout types in this list
• Lottie support at no extra cost
• You can enable only the elements you use

Cons

• The full plugin has 90+ widgets and addons, which is a lot if you only need one
• Pricing for Pro plans changes with sales, so check before you buy

Pricing: There are 3 different pricing plans for Premium Addons for Elementor: 

• Single-use License: $39/ Year
• Unlimited-use License: $79/ Year
• Lifetime-use License: $249/ Year

Choose Premium Addons if you want circle, half-circle or dot styles without paying. Look elsewhere if you only need a simple line bar.

The Plus Addons

The Plus Addons Progress Bar is a free widget that shows percentages as bars or circles. You can add a title, a subtitle, a number prefix or suffix, and an icon, image or Lottie animation. This makes it useful for skill charts, expense splits and business statistics that need more context than a bare percentage. It suits Elementor users who want rich content inside each bar or circle.

Key features

• Bar and circular layouts
• Add an icon, an image or a Lottie animation
• Title and subtitle, percentage, and number prefix or suffix
• Height controls and many style options
• Demos for skill charts, expense splits and business stats

The Plus Addons also has guides for adding Lottie to a progress bar and creating circle progress bars.

Pros

• Free widget with bar and circular layouts
• Icon, image and Lottie options
• Widgets are modular, so you only enable the ones you use

Cons

• A large library (120+ widgets), so setup takes time if you only want one widget
• Many other Plus widgets are Pro, so check what is free before you plan a full build

Pricing: There are 2 different pricing plans for The Plus Addons: 

Yearly 

• Starter Plan: $39/ Year(For 1 Website)
• Professional Plan: $79/ Year(For 5 Websites)
• Studio Plan: $169/ Year(For Unilimted Websites)

Lifetime

• Starter Plan: $149/ Once(For 1 Website) 
• Professional Plan: $249/Once(For 5 Websites)
• Studio Plan: $499/Once (For Unlimited Websites)

Choose The Plus Addons if you want icons, images or Lottie inside your bars, plus circular layouts. Look elsewhere if you want the smallest possible plugin.

Crocoblock

Crocoblock offers progress bars through its JetElements plugin. The Progress Bar widget supports animated bars with content and style options, and a separate Circle Progress widget draws circular indicators, as the Crocoblock guide shows. Both can show project progress, achievements or other percentage data. They make the most sense for site owners who already use JetElements or other Crocoblock plugins.

Key features

• Progress bar and circle progress widgets
• Style, content and animation options
• Part of the wider JetPlugins family

ProsCrocoblock offers progress bars through its JetElements plugin. The Progress Bar widget supports animated bars with content and style options, and a separate Circle Progress widget draws circular indicators, as the Crocoblock guide shows. Both can show project progress, achievements or other percentage data. They make the most sense for site owners who already use JetElements or other Crocoblock plugins.

• Bar and circle options in one plugin
• Good fit if you already pay for Crocoblock

Cons

• No free option. JetElements is a paid plugin.
• Poor value if you only need a progress bar

Pricing: There are 4 different pricing plans for Crocoblock: 

Yearly Plans: 

• Custom Plan: $0
• All-Inclusive Plan: $199/year for one site And $399 For unlimited sites
• Freelance Plan: $750/One time 
• Freelance Lifetime Plan: $999/One-time 

Choose Crocoblock if you already use JetPlugins. Look elsewhere if you want a free progress bar.

👉 Check 5 Best Elementor Flip Box Plugins for WordPress

ElementsKit

The ElementsKit Progress Bar draws horizontal bars for skills, milestones and statistics. Its widget page shows tooltip designs, gradient and striped bars, stacked bars and multi-label layouts, plus controls for colors, borders, shadows and animation speed. It suits Elementor users who want many line-bar styles. It is not the right pick if you need a circular indicator.

Key features

• Tooltip styles: circle, square and rounded
• Gradient, striped and thin-line bars
• Stacked bars for project milestones
• Multi-label layouts
• Border radius, box shadow, track color and animation duration controls

Pros

• Free progress bar widget (the free vs Pro table does not say which styles are Pro, so check the demo)
• Many line-bar styles, including tooltips and stacked bars
• 14-day money-back guarantee on paid plans

Cons

• The widget page shows line bars only. For circles, look at ElementsKit’s separate Pie Chart widget or another addon.
• Paid plans are often discounted, so prices on the page can change from week to week

Pricing: There are 3 different pricing plans for ElementsKit: 

Yearly 

• Personal Plan:  $39/Year
• Professional Plan: $87/Year
• Agency Plan: $179/Year

Lifetime

• Personal Lifetime Plan:  $119/Lifetime
• Professional Lifetime Plan: $259/Lifetime
• Agency Lifetime Plan: $489/Lifetime

Bundle 

• 5-in-1 Yearly Pack Plan:  $399/year
• 5-in-1 LTD Pack Plan: $699/One time

Choose ElementsKit if you want tooltip, striped or stacked bars. Look elsewhere if you need circle or half-circle progress.

Which Elementor Progress Bar Plugin Should You Choose?

If you want	Choose
One simple bar	Elementor’s built-in Progress Bar widget
Free, with circle, half-circle or dots	Premium Addons
Free, with icons, images or Lottie	The Plus Addons
Free, with tooltip, striped or stacked bars	ElementsKit
Bars that match your existing HT Mega widgets	HT Mega
Progress bars inside a JetPlugins setup	Crocoblock (JetElements)

One rule saves time and page weight: if you already use one of these addons, use its progress bar. Do not install a second addon suite for one widget.

Best Practices for Elementor Progress Bars

Use Progress Bars Only When the Percentage Means Something

A bar that says “Design 95%” with no context tells visitors little. Use bars for real numbers, like course completion, funding goals or measured results.

Label the Bar Clearly

Instead of just “80%”, write “Course completed: 80%”. Visitors should understand the number without guessing.

Do Not Rely on Color Alone

Some visitors cannot tell green from red. Show the number as text too. Keep enough contrast between the bar, the empty track and the text.

Keep Animation Subtle

A short fill animation is fine. Long or looping motion distracts visitors. Some people set their devices to reduce motion, so turn animation off or keep it short if your plugin has no reduced-motion option.

Check Screen Reader Output

We did not test how each plugin’s output reads in a screen reader. If accessibility matters to you, test the widget yourself. If the bar is not read well, keep the value visible as plain text next to it.

Test on Mobile

Circle and tooltip styles can look different on small screens. Check them on a phone before you publish.

Avoid Redundant Addons

Every extra plugin adds code to maintain. Many addons let you switch off widgets you do not use. Turn those off. For help choosing between free and paid Elementor, read Elementor Free vs Elementor Pro.

Frequently Asked Questions

Final Thoughts

Start with Elementor’s built-in Progress Bar widget. If one horizontal bar is all you need, stop there.

If you need more, match the plugin to the layout. Premium Addons suits free circle and dot styles. The Plus Addons suits icons, images and Lottie. ElementsKit suits tooltip and stacked bars. Crocoblock makes sense if you already use JetPlugins.

If you already use HT Mega, its Progress Bar widget gives you 10 bar styles without adding another plugin. You can try HT Mega free, or see the Pro plans for the full widget library.