The Circle Progress Bar Widget is great way to show statistics on your Elementor page in a circular progress bar format.. You can customize the widget using its wide range of customization options.
Let’s look at each of the options in the “ Circle Progress Bar Widget” below.
Circle Progress Bar Video Tutorial #
Install 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 “Circle Progress Bar”
- Hover over the widget in the search results and click install
- Add your “Circle Progress Bar” widget to any Elementor Page
General Settings #
Alignment
Set the alignment of widget.
- Left
- Center
- Right
Title
Set title for progress bar.
Value
Type value to show in the progress bar.
Circle Size
Set the circle size in pixels.
Border Color
Set the border color.
Background Border Color
Set the background color for border.
Border Thickness
Set the thickness of border.
Icon
Choose an icon to display.
Show Icon
Show/Hide the icon.
Icon Size
Set the icon size.
Circle Progress Bar Styling #
You can set the color and typography of value element.
Title Styling #
Set the title typography and color.
Usage Examples #
Here are some live use cases for the Circle Progress Bar widget.
