Tocancipá: 869.7046 • Sopó: 871.1030

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