AI Circle Progress add-on is a powerful tool that allows you to create visually appealing circular progress bars on your website. With this add-on, you can showcase anything like skills, track project milestones, display fundraising progress, or represent data in a captivating and easy-to-understand format. The Circle Progress add-on offers a versatile way to engage and inform your website visitors effectively.
How to set up the AI Circle Progress:
Step 1: Search and find Circle Progress in the search box under the Elements Tab. After that, easily drag and drop the widget wherever you want inside the Elementor section.
Step 2: This is how the element will look after inserting the AI Circle Progress addon.
How to set up content for AI Circle Progress?
Under the content tab, you will be able to configure the AI Circle Progress. In the Progress set the percentage value. Enable the value option to set the suffix value. Additionally, you can alter the Size, Thickness, and duration of the Circle based on your preference.
Layout: You can simply drag and drop the Elements to arrange them in a particular sequence, such as what should come first and second, or you can deactivate a particular element in the section by dragging from the Visible to dropping in Disable section. You can also customize it by adjusting its alignment, Layout, and Heading Tag.
Title: In this box, enter the title.
Content: Add the Circle Progress content.
How to add Styles to the Circle Progress?
Under the Style Tab, each element of the Circle can be individually changed. Adjust Padding, Margin, Font Colour, Background Colour, and Box Shadow for both Normal and Hover Mode under the General Section.
In the Progress Section, set the Color to empty circle, Start Color, End Color, and Progress Bar Spacing.
Title: Adjust the title’s color, margin, transform, spacing, and typography in both normal and hover modes.
Content: Set the typography and content spacing.