Progress Bar and Progress Circle for Elementor

Many sites need to show how far along something is: a skill level, a project milestone, a goal or a task. Plain text handles this poorly, and building graphics by hand takes time. This plugin gives Elementor users ready-made widgets that display a numeric value as a bar or a circle, so the data is easy to read at a glance.

Each widget has its own styling settings. You can set height, width, color and typography, place the progress details where you want them, and choose percent or a custom unit. Animation controls cover speed, easing and type. The layout is responsive, so the indicators adapt to different screen sizes, and you can add as many as a page or site needs.

Features

• Three Elementor widgets: Separate widgets cover line, circular and semicircular progress bars, so you can pick the shape that fits the section you are designing.
• Percent or custom units: Show progress as a percentage or set your own unit, which suits values such as points, items or other measures that fit your content.
• Built-in icon library: Add an icon to a progress indicator by choosing from the included library, which helps label each bar or circle clearly.
• Custom SVG uploads: Upload your own SVG icons if the library does not have what you need, so the indicators can carry your brand artwork.
• Animation controls: Adjust animation speed, easing and animation type to control how each bar or circle fills when a visitor reaches it.
• Flexible styling settings: Change height, width, color and typography through straightforward settings, making it simple to match the indicators to your existing design.
• Responsive layout: Progress bars and circles are built to display properly across devices and screen sizes, from large monitors to phones.
• No limit on indicators: Use as many progress bars or circles as you like on a page or across a site, which works for multi-section layouts.

Best for

• Elementor users who need skill or goal indicators
• Portfolio and resume sites showing skill levels
• Agencies and freelancers building client websites