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]

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]

50%
Laasd pamade eleifend la sapien. Vestibulum purus quam.
[/dt_sc_one_half]
[dt_sc_one_half]
70%
Laasd pamade eleifend la sapien. Vestibulum purus quam.
[/dt_sc_one_half]

[dt_sc_one_half first]

50%
Laasd pamade eleifend la sapien. Vestibulum purus quam.
[/dt_sc_one_half]
[dt_sc_one_half]
70%
Laasd pamade eleifend la sapien. Vestibulum purus quam.
[/dt_sc_one_half]

[dt_sc_clear]

Shortcode:
[dt_sc_code]

%
Your content goes here…

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


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

Leave a Comment