Progress Bar and Progress Circle for Elementor

Progress indicators can make numeric values easier to understand at a glance. This plugin provides Elementor widgets for line, circular, and semicircular layouts, so you can choose a visual format that fits your page. Use them to represent skill levels, project milestones, goal achievements, task progress, or other numeric values.

Set a value as a percentage or use a custom unit, then adjust the indicator’s appearance to suit your design. The plugin lets you position progress details, choose an icon from its library or upload an SVG, and control animation speed, easing, and type. Styling options include height, width, color, and typography, with responsive layouts for different screen sizes.

Features

• Three indicator styles: Choose Elementor widgets for line, circular, or semicircular progress indicators to fit different page designs.
• Flexible value display: Display numeric progress as a percentage or use custom units to suit the information you want to present.
• Icon options: Select an icon from the built-in library or upload a custom SVG to personalize a progress indicator.
• Animation controls: Adjust animation speed, easing, and type to control how progress indicators move on the page.
• Appearance settings: Customize indicator height, width, color, typography, and the position of its progress details.
• Responsive design: Progress indicators use a responsive design to display across different screen sizes.

Best for

• Elementor sites showing skill levels
• Project milestone and task progress pages
• Designers building goal tracking sections