Donut Chart

[dt_sc_donutchart_medium title="2012" bgcolor="#808080" fgcolor="#4BBCD7" percent="75" /]
2013
[dt_sc_donutchart_medium title="2011" bgcolor="#808080" fgcolor="#CD661D" percent="65" /]

Shortcode:

[dt_sc_donutchart_small title="Lorem" bgcolor="#808080" fgcolor="#4bbcd7" percent="50" /]
Available Sizes
  • small
  • medium
  • large

Infographic Bars

50%
Laasd pamade eleifend la sapien. Vestibulum purus quam.
70%
Laasd pamade eleifend la sapien. Vestibulum purus quam.
50%
Laasd pamade eleifend la sapien. Vestibulum purus quam.
70%
Laasd pamade eleifend la sapien. Vestibulum purus quam.

Shortcode:

[dt_sc_infographic_bar icon="" icon_size="" value="" type=""] Your content goes here… [/dt_sc_infographic_bar]

Progress Bars

Print Design50%
WordPress7575%
HTML/CSS85%
Photoshop90%
Print Design45%
consectetur75%
HTML/CSS85%
Photoshop90%
Shortcode:
[dt_sc_progressbar value='80' type='' color=''] consectetur[/dt_sc_progressbar]
Availables Types
  • standard
  • progress-striped
  • progress-striped-active