Donut Chart

[dt_sc_one_third first]

[dt_sc_donutchart_medium title=”2012″ bgcolor=”#808080″ fgcolor=”#4BBCD7″ percent=”75″ /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium title=”2013″ bgcolor=”#808080″ fgcolor=”#7aa127″ percent=”80″ /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium title=”2011″ bgcolor=”#808080″ fgcolor=”#CD661D” percent=”65″ /]
[/dt_sc_one_third]
[dt_sc_clear]
[dt_sc_hr_invisible]

Shortcode:
[dt_sc_code]

[dt_sc_donutchart_small title=”Lorem” bgcolor=”#808080″ fgcolor=”#4bbcd7″ percent=”50″ /]

[/dt_sc_code]
[dt_sc_hr_medium]

Available Sizes
  • small
  • medium
  • large

[dt_sc_clear]

Infographic Bars

[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_clear]

[dt_sc_hr_invisible]

Shortcode:
[dt_sc_code]
[dt_sc_infographic_bar icon=”” icon_size=”” value=”” type=””] Your content goes here… [/dt_sc_infographic_bar]
[/dt_sc_code]
[dt_sc_hr_medium]
[dt_sc_clear]

Progress Bars

[dt_sc_one_half first]
[dt_sc_progressbar value=’50’ type=’standard’ color=’#B6AF55′ textcolor=”] Print Design[/dt_sc_progressbar]

[dt_sc_progressbar value=’75’ type=’progress-striped’ color=’#00CDCD’ textcolor=”] WordPress75[/dt_sc_progressbar]

[dt_sc_progressbar value=’85’ type=’progress-striped’ color=’#8E8E8E’ textcolor=”] HTML/CSS[/dt_sc_progressbar]

[dt_sc_progressbar value=’90’ 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]
[dt_sc_clear]
[dt_sc_hr_invisible]
Shortcode:
[dt_sc_code]
[dt_sc_progressbar value=’80’ type=” color=”] consectetur[/dt_sc_progressbar]
[/dt_sc_code]
[dt_sc_hr_medium]

Availables Types
  • standard
  • progress-striped
  • progress-striped-active