Progress
Samples
[divider_line]
Progresses With Different Size
[divider_line]
[progress size=”small” percent=”70″]
[progress percent=”50″]
[progress size=”large” percent=”80″]
[toggle title=”Get the code”][code]
[progress size=”small” percent=”70″]
[progress percent=”50″]
[progress size=”large” percent=”80″]
[/code][/toggle]
[divider_padding]
Progresses With Different Type
[divider_line]
[progress percent=”60″]
[progress type=”radius” percent=”70″]
[progress type=”round” percent=”50″]
[toggle title=”Get the code”][code]
[progress percent=”60″]
[progress type=”radius” percent=”70″]
[progress type=”round” percent=”50″]
[/code][/toggle]
[divider_padding]
Progresses Without Text
[divider_line]
[progress percent=”30″ text=”false”]
[progress percent=”70″ text=”false”]
[progress percent=”100″ text=”false”]
[toggle title=”Get the code”][code]
[progress percent=”30″ text=”false”]
[progress percent=”70″ text=”false”]
[progress percent=”100″ text=”false”]
[/code][/toggle]
Progresses With Custom Color
[divider_line]
[progress percent=”50″ barcolor=”#27ccc0″]
[progress percent=”50″ textcolor=”#ffffff” barcolor=”#27ccc0″ trackcolor=”#f7be90″]
[toggle title=”Get the code”][code]
[progress percent=”50″ barcolor=”#27ccc0″]
[progress percent=”50″ textcolor=”#ffffff” barcolor=”#27ccc0″ trackcolor=”#f7be90″]
[/code][/toggle]
[divider_top]
Pie Progress
[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]
Parameters
[divider_line]
[list icon=”check” color=”blue”]
- percent
- size: small,default,large (optional)
- type:percent,text,icon
- text:(optional)
- icon:(optional)
- textColor (optional)
- barColor (optional)
- trackColor (optional)
[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]
Shortcode Option Panel
[divider_line]
[image source_type=”attachment_id” source_value=”3254″ caption=”The Pie Progress Shortcode Option Panel” alt=”The Pie Progress Shortcode Option Panel” align=”center” icon=”zoom” width=”600″ autoHeight=”true” quality=”100″ lightbox=”true” title=”The Pie Progress Shortcode Option Panel”]
[/tab]
[/tabs]
Samples
[divider_line]
Pie Progresses With Different Type
[divider_line]
[one_third][pie_progress percent=”38″ label=”icon” icon=”anchor”][/one_third]
[one_third][pie_progress percent=”64″ icon=”adjust”] [/one_third]
[one_third_last][pie_progress percent=”83″ label=”text” text=”Custom Text” icon=”adjust”] [/one_third_last]
[toggle title=”Get the code”]
[code][one_third][pie_progress percent=”38″ label=”icon” icon=”anchor”][/one_third]
[one_third][pie_progress percent=”64″ icon=”adjust”] [/one_third]
[one_third_last][pie_progress percent=”83″ label=”text” text=”Custom Text” icon=”adjust”] [/one_third_last][/code]
[/toggle]
[divider_padding]
Pie Progresses With Different Size
[divider_line]
[one_third][pie_progress percent=”38″ label=”text” text=”Small” size=”small”][/one_third]
[one_third][pie_progress percent=”64″ label=”text” text=”Default”][/one_third]
[one_third_last][pie_progress percent=”83″ label=”text” text=”Large” size=”large”][/one_third_last]
[toggle title=”Get the code”]
[code][one_third][pie_progress percent=”38″ label=”text” text=”Small” size=”small”][/one_third]
[one_third][pie_progress percent=”64″ label=”text” text=”Default”][/one_third]
[one_third_last][pie_progress percent=”83″ label=”text” text=”Large” size=”large”][/one_third_last][/code]
[/toggle]
[divider_padding]
Pie Progresses With Custom Color
[divider_line]
[one_third][pie_progress percent=”60″ label=”icon” icon=”github-alt” labelColor=”#f6653c” barcolor=”#f6653c”] [/one_third]
[one_third][pie_progress percent=”69″ label=”icon” icon=”heart” labelColor=”#27ccc0″ trackcolor=”#f7be90″ barcolor=”#27ccc0″][/one_third]
[one_third_last][pie_progress percent=”80″ label=”icon” icon=”music” labelColor=”#2ac4ea” barcolor=”#2ac4ea”] [/one_third_last]
[toggle title=”Get the code”]
[code][one_third][pie_progress percent=”60″ label=”icon” icon=”github-alt” labelColor=”#f6653c” barcolor=”#f6653c”] [/one_third]
[one_third][pie_progress percent=”69″ label=”icon” icon=”heart” labelColor=”#27ccc0″ trackcolor=”#f7be90″ barcolor=”#27ccc0″][/one_third]
[one_third_last][pie_progress percent=”80″ label=”icon” icon=”music” labelColor=”#2ac4ea” barcolor=”#2ac4ea”] [/one_third_last][/code]
[/toggle]
[divider_top]