Progress
Parameters
[divider_line]
[list icon=”check” color=”blue”]
- type: default,radius,round
- size: small,default,large (optional)
- percent
- text: true,false (optional)
- textColor (optional)
- barColor (optional)
- trackColor (optional)
[/list]
Shortcode Option Panel
[divider_line]
[image source_type=”attachment_id” source_value=”3234″ caption=”The Progress Shortcode Option Panel” alt=”The Progress Shortcode Option Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”The Progress Shortcode Option Panel”]
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
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]
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”]
Samples
[divider_line]
Pie Progresses With Different Type
[divider_line]
[pie_progress percent=”38″ label=”icon” icon=”anchor”]
[pie_progress percent=”64″ icon=”adjust”]
[pie_progress percent=”83″ label=”text” text=”Custom Text” icon=”adjust”]
[toggle title=”Get the code”]
[code]
[pie_progress percent=”38″ label=”icon” icon=”anchor”]
[pie_progress percent=”64″ icon=”adjust”]
[pie_progress percent=”83″ label=”text” text=”Custom Text” icon=”adjust”]
[/code]
[/toggle]
[divider_padding]
Pie Progresses With Different Size
[divider_line]
[pie_progress percent=”38″ label=”text” text=”Small” size=”small”]
[pie_progress percent=”64″ label=”text” text=”Default”]
[pie_progress percent=”83″ label=”text” text=”Large” size=”large”]
[toggle title=”Get the code”]
[code]
[pie_progress percent=”38″ label=”text” text=”Small” size=”small”]
[pie_progress percent=”64″ label=”text” text=”Default”]
[pie_progress percent=”83″ label=”text” text=”Large” size=”large”]
[/code]
[/toggle]
[divider_padding]
Pie Progresses With Custom Color
[divider_line]
[pie_progress percent=”60″ label=”icon” icon=”github-alt” labelColor=”#f6653c” barcolor=”#f6653c”]
[pie_progress percent=”69″ label=”icon” icon=”heart” labelColor=”#27ccc0″ trackcolor=”#f7be90″ barcolor=”#27ccc0″]
[pie_progress percent=”80″ label=”icon” icon=”music” labelColor=”#2ac4ea” barcolor=”#2ac4ea”]
[toggle title=”Get the code”]
[code]
[pie_progress percent=”60″ label=”icon” icon=”github-alt” labelColor=”#f6653c” barcolor=”#f6653c”]
[pie_progress percent=”69″ label=”icon” icon=”heart” labelColor=”#27ccc0″ trackcolor=”#f7be90″ barcolor=”#27ccc0″]
[pie_progress percent=”80″ label=”icon” icon=”music” labelColor=”#2ac4ea” barcolor=”#2ac4ea”]
[/code]
[/toggle]
[divider_top]
