[dt_sc_h2 title=”Donut Chart” class=”hr-title”]
[dt_sc_hr_invisible_small]
[dt_sc_clear]

[dt_sc_one_third first]
[dt_sc_donutchart_medium title=”Cultural Spa” bgcolor=”#808080″ fgcolor=”#4BBCD7″ percent=”75″ description=”Saleem naijar kaasram eerie can be disbursed wofl.” /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium title=”Mineral Spa” bgcolor=”#808080″ fgcolor=”#7aa127″ percent=”80″ description=”Saleem naijar kaasram eerie can be disbursed wofl.” /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium title=”Organic spa” bgcolor=”#808080″ fgcolor=”#CD661D” percent=”65″ description=”Saleem naijar kaasram eerie can be disbursed wofl.” /]
[/dt_sc_one_third]

[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 title=”Infographic Bars” class=”hr-title”]
[dt_sc_hr_invisible_small]
[dt_sc_clear]
[dt_sc_one_half first][dt_sc_infographic_bar icon=”fa-male” icon_size=”150″ value=”50″ type=”standard”] Laasd pamade eleifend la sapien. Vestibulum purus quam. [/dt_sc_infographic_bar] [/dt_sc_one_half]
[dt_sc_one_half][dt_sc_infographic_bar type=”progress-striped” icon=”fa-female” icon_size=”150″ value=”70″ ] Laasd pamade eleifend la sapien. Vestibulum purus quam. [/dt_sc_infographic_bar] [/dt_sc_one_half]

[dt_sc_hr_invisible]

[dt_sc_one_half first][dt_sc_infographic_bar icon=”fa-glass” icon_size=”93″ value=”50″ type=”standard”] Laasd pamade eleifend la sapien. Vestibulum purus quam. [/dt_sc_infographic_bar] [/dt_sc_one_half]
[dt_sc_one_half][dt_sc_infographic_bar type=”progress-striped” icon=”fa-leaf” icon_size=”103″ value=”70″ ] Laasd pamade eleifend la sapien. Vestibulum purus quam. [/dt_sc_infographic_bar] [/dt_sc_one_half]

[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 title=”Progress Bars” class=”hr-title”]
[dt_sc_hr_invisible_small]
[dt_sc_clear]
[dt_sc_one_half first]
[dt_sc_progressbar value=’75’ type=’standard’ color=’#B6AF55′ textcolor=”] Print Design[/dt_sc_progressbar]
[dt_sc_progressbar value=’50’ type=’progress-striped’ color=’#00CDCD’ textcolor=”] WordPress75[/dt_sc_progressbar]
[dt_sc_progressbar value=’65’ type=’progress-striped’ color=’#8E8E8E’ textcolor=”] HTML/CSS[/dt_sc_progressbar]
[dt_sc_progressbar value=’80’ type=’progress-striped’ color=’#CD661D’ textcolor=”] Photoshop[/dt_sc_progressbar]

[/dt_sc_one_half]
[dt_sc_one_half]
[dt_sc_progressbar value=’45’ type=’progress-striped-active’ color=’#836FFF’] Print Design[/dt_sc_progressbar]
[dt_sc_progressbar value=’75’ type=’progress-striped-active’ color=’#9C59B6′] consectetur[/dt_sc_progressbar]
[dt_sc_progressbar value=’85’ type=’progress-striped-active’ color=’#A23B6F’] HTML/CSS[/dt_sc_progressbar]
[dt_sc_progressbar value=’90’ type=’progress-striped-active’ color=’#536878′] Photoshop[/dt_sc_progressbar]
[/dt_sc_one_half]


Comments

Progress Bars — No Comments

Leave a Reply

HTML tags allowed in your comment: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>