Progress Circle Shortcodes

2 Alternative Styles

[one_half]

[progress_circle value=”66″ icon=”eye-open” style=”solid”]Solid Style[/progress_circle]

[/one_half]

[one_half_last]

[progress_circle value=”66″ icon=”eye-open” style=”simple”]Simple Style[/progress_circle]

[/one_half_last]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[progress_circle value=”66″ icon=”eye-open” style=”solid”]Solid Style[/progress_circle]
[progress_circle value=”66″ icon=”eye-open” style=”simple”]Simple Style[/progress_circle]

[/get_the_code]

[/toggle]

[divider]

Custom Colors

[one_third]

[progress_circle value=”38″ icon=”pencil” text_color=”#ffffff” bg_color=”#9b59b6″ style=”solid”]

[/one_third]

[one_third]

[progress_circle value=”54″ icon=”hand-right” text_color=”#ffffff” bg_color=”#00c6ff” style=”solid”]

[/one_third]

[one_third_last]

[progress_circle value=”83″ icon=”fighter-jet” text_color=”#ffffff” bg_color=”#00b976″ style=”solid”]

[/one_third_last]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[progress_circle value=”38″ icon=”pencil” text_color=”#ffffff” bg_color=”#9b59b6″ style=”solid”]
[progress_circle value=”54″ icon=”hand-right” text_color=”#ffffff” bg_color=”#00c6ff” style=”solid”]
[progress_circle value=”83″ icon=”fighter-jet” text_color=”#ffffff” bg_color=”#00b976″ style=”solid”]

[/get_the_code]

[/toggle]

[divider]

All Available Icons

[icons]

[divider]

[icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

Shortcode documentation

[progress_circle doc=”true”]