In this documentation, we will discuss the customization of the Progress Pie widget, brought to you by the Element Pack Pro addon.
Inserting The Progress Pie Widget
Open your page in the Elementor editor, search by the widget name, and then drag-drop it on the page.
Work With Content Tab
Layout Section Customization
Go to Content > Layout
Come to the Layout section, Find the Progress Value, Duration, Progress Pie Title, Hide Title Divider, Before Text, Middle Text, and After Text options.
Work with The Style Tab
Style section Customization
Go to Style > Style
Step-1
Come to the Style section, you will find two sub-section; Progress Pie and Progress Title.
In the Progress Pie sub-section, Find the Pie Fill Color, Pie Bar Color, Before Text Color, Before Text Typography, Middle Text Color, Middle Text Typography, After Text Color, After Text Typography, Padding, Line Width, and Line Cap (Rounded, Square, and Butt) options.
Step-2
In the Title sub-section, Find the Title Background Color, Text Color, Padding, and Typography options.
All done! You have successfully customized the Progress Pie widget on your website.
Video Assist
You can watch this quick video to learn about the Progress Pie widget. Please visit the demo page for examples.
Thanks for staying with us.
