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