Progress Bars

Home/Shortcodes/Progress Bars

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