Progress Bars

//Progress Bars

[dt_sc_h3 text1=”Progress” text2=”Bar” class=”” type=”type1″ /]

[dt_sc_margin height =”20″ /]

[dt_sc_one_third first type =” type1″]

[dt_sc_progressbar value=”90″ type=”standard” color=”#77be32″] Photoshop [/dt_sc_progressbar]

[dt_sc_progressbar value=”70″ type=”standard” color=”#19a9e5″] WordPress [/dt_sc_progressbar]

[dt_sc_progressbar value=”85″ type=”standard” color=”#f39d12″] HTML/CSS [/dt_sc_progressbar]

[dt_sc_progressbar value=”65″ type=”standard” color=”#1abc9c”] Web Design [/dt_sc_progressbar]

[/dt_sc_one_third]
[dt_sc_one_third type =” type1″]

[dt_sc_progressbar value=”90″ type=”progress-striped” color=”#e64d3d”] Photoshop [/dt_sc_progressbar]

[dt_sc_progressbar value=”70″ type=”progress-striped” color=”#cd671d”] WordPress [/dt_sc_progressbar]

[dt_sc_progressbar value=”85″ type=”progress-striped” color=”#b31f41″] HTML/CSS [/dt_sc_progressbar]

[dt_sc_progressbar value=”65″ type=”progress-striped” color=”#e67eb9″] Web Design[/dt_sc_progressbar]

[/dt_sc_one_third]
[dt_sc_one_third type =” type1″]

[dt_sc_progressbar value=”90″ type=”progress-striped-active” color=”#8b5595″] Photoshop [/dt_sc_progressbar]

[dt_sc_progressbar value=”70″ type=”progress-striped-active” color=”#5a5a5a”] WordPress [/dt_sc_progressbar]

[dt_sc_progressbar value=”85″ type=”progress-striped-active” color=”#a33b70″] HTML/CSS[/dt_sc_progressbar]

[dt_sc_progressbar value=”65″ type=”progress-striped-active” color=”#33c2a6″] Web Design[/dt_sc_progressbar]

[/dt_sc_one_third]

[dt_sc_hr top]

[dt_sc_h3 text1=”Donut” text2=”Chart” class=”” type=”type1″ /]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_donutchart_small title=” Graphic Design ” bgcolor=”#808080″ fgcolor=”#fe6b35″ percent=”60″ color=”#fe6b35″ /]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″][dt_sc_donutchart_small title=”Web Development” bgcolor=”#808080″ fgcolor=”#665de5″ percent=”50″/][/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″][dt_sc_donutchart_small title=”Web Design” bgcolor=”#808080″ fgcolor=”#36a6a0″ percent=”75″/][/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″][dt_sc_donutchart_small title=”Customer Support” bgcolor=”#808080″ fgcolor=”#f4d30f” percent=”90″/][/dt_sc_one_fourth]

[dt_sc_hr_invisible]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_donutchart_medium title=” Graphic Design ” bgcolor=”#808080″ fgcolor=”#fe6b35″ percent=”60″ color=”#fe6b35″ /]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″][dt_sc_donutchart_medium title=”Web Development” bgcolor=”#808080″ fgcolor=”#665de5″ percent=”50″/][/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″][dt_sc_donutchart_medium title=”Web Design” bgcolor=”#808080″ fgcolor=”#36a6a0″ percent=”75″/][/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″][dt_sc_donutchart_medium title=”Customer Support” bgcolor=”#808080″ fgcolor=”#f4d30f” percent=”90″/][/dt_sc_one_fourth]

[dt_sc_hr_invisible]

[dt_sc_one_third first type =” type1″]

[dt_sc_donutchart_large title=” Graphic Design ” bgcolor=”#808080″ fgcolor=”#fe6b35″ percent=”60″ color=”#fe6b35″ /]

[/dt_sc_one_third]
[dt_sc_one_third type =” type1″][dt_sc_donutchart_large title=”Web Development” bgcolor=”#808080″ fgcolor=”#665de5″ percent=”50″/][/dt_sc_one_third]
[dt_sc_one_third type =” type1″][dt_sc_donutchart_large title=”Web Design” bgcolor=”#808080″ fgcolor=”#36a6a0″ percent=”75″/][/dt_sc_one_third]

No comments yet.

Leave a comment

Your email address will not be published.