The Semi Circle Progress Bar widget for Elementor allows you to display progress, percentages, or statistics on your website in a semi circle format. Whether you’re highlighting achievements, tracking goals, or showcasing skills, this widget lets you do it in a captivating semi-circular design. With fully customizable colors, sizes, labels, and animation effects, you can make each progress bar perfectly match your site’s branding and style.
Let’s look at each of the options in the Semi Circle Progress Bar widget for Elementor below.
Add a Semi Circle Progress Bar Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Semi Circle Progress Bar”
- Hover over the widget in the search results and click install
- Add the “Semi Circle Progress Bar” widget to any Elementor Page
General Settings
Alignment
Set the horizontal alignment of the content from below options.
- Left – Align the content to the left side.
- Center – Align the content to the center.
- Right – Align the content to the right side.
Show Label
Enable or disable the display of the label.
Value
Set the numeric value to be displayed as percentage progress in semi circle progress bar.
Symbol Before Value
Add a symbol or character to appear before the value.
Symbol After Value
Add a symbol or character to appear after the value.
Duration
Define the animation duration in milliseconds.
Semi Circle Progress Bar Widget Styling
You can customize every aspect of the widget’s design, including colors, text, icons, fonts, and layout, to perfectly match your website’s style.
Track Styling
Set the track color and track width.
Progress Styling
Set the progress bar width, stroke width and progress color.
Label Styling
You can set the label spacing, typography and label color.
Value Styling
Set the typography and color of value element.
Semi Circle Progress Bar Design Examples For Elementor
Here are the live use cases for the Semi Circle Progress Bar Widget.
Semi circle progress bar with custom colors.
Semi circle progress bar with product features.
We hope this guide helped you explore the powerful features of the Semi Circle Progress Bar widget. With its stylish semi-circular design, scroll-triggered animations, and flexible customization options, you can display key stats with impact and elegance. If you have any questions or need further assistance, feel free to reach out.
