The Semi Circle Progress Bar Widget provides a great way to show statistics on your Elementor page in a semi-circular progress bar format. You can create stunning infographic charts with an animated effect triggered once the user scrolls to the element. You can customize the widget using its wide range of customization options.
Let’s look at each of the options in the “Semi Circle Progress Bar Widget” below.
Install Semi Circle Progress Bar for 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 your “Semi Circle Progress Bar” widget to any Elementor Page
General Settings #
Alignment
Set the alignment of widget.
- Left
- Center
- Right
Show Label
Show/Hide the label.
Label
Type text to show as label.
Value
Type value to show in the progress bar.
Symbol Before Value
Set symbol to show before the value.
Symbol After Value
Set symbol to show after the value.
Duration
Set the duration of progress animation in milliseconds.
Semi Circle Progress Bar Styling #
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Track Styling #
Set the track color and track width.
Progress Styling #
You can set the progress bar width, stroke width, and color.
Label Styling #
You can set the spacing, typography, and color of label element.
Value Styling #
Set the value typography and color.
Usage Examples #
Here are some live use cases for the Semi Circle Progress Bar widget.
