This shortcode allows you to create beautiful progress pies. You can adjust the percentage, set custom text and colors.

Available with the Extra Shortcodes add-on.

75%

75%

$9

Hi!
[su_progress_pie percent="75" text="" after="%" size="200" pie_width="1" text_size="40" align="center" pie_color="#f0f0f0" fill_color="#F73F43" text_color="#cccccc"]

[su_row]
[su_column size="1/3"]
[su_progress_pie percent="75" after="%" size="180" align="center"]
[/su_column]
[su_column size="1/3"]
[su_progress_pie percent="60" text="9" before="$" size="180" pie_width="5" text_size="80" pie_color="#e0f3f8" fill_color="#e3004e" text_color="#535353" align="center"]
[/su_column]
[su_column size="1/3"]
[su_progress_pie percent="77" text="Hi!" size="180" pie_width="35" text_size="15" pie_color="#f1f1f1" fill_color="#0097fc" text_color="#0097fc" align="center"]
[/su_column]
[/su_row]

Shortcode options are available from within the dashboard of your website.

Navigate to Dashboard ▸ Shortcodes ▸ Available shortcodes and select a shortcode.

Available shortcodes screen