Progress Bars

[dt_sc_h2 title=»Donut Chart Type1″ class=»hr-title»]
[dt_sc_hr_invisible_small]
[dt_sc_clear]

[dt_sc_one_third first]
[dt_sc_donutchart_medium title=»Cultural Spa» bgcolor=»#808080″ fgcolor=»#4BBCD7″ percent=»75″ description=»Saleem naijar kaasram eerie can be disbursed wofl.» /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium title=»Mineral Spa» bgcolor=»#808080″ fgcolor=»#7aa127″ percent=»80″ description=»Saleem naijar kaasram eerie can be disbursed wofl.» /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium title=»Organic spa» bgcolor=»#808080″ fgcolor=»#CD661D» percent=»65″ description=»Saleem naijar kaasram eerie can be disbursed wofl.» /]
[/dt_sc_one_third]

[dt_sc_hr_invisible_small]
[dt_sc_clear]

[dt_sc_h2 title=»Donut Chart Type2″ class=»hr-title»]
[dt_sc_hr_invisible_small]
[dt_sc_clear]

[dt_sc_one_third first]
[dt_sc_donutchart_medium_type2 title=»Design» bgcolor=»#808080″ fgcolor=»#4BBCD7″ percent=»65″ description=»Saleem naijar kaasram eerie can be disbursed wofl.» /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium_type2 title=»Coding» bgcolor=»#808080″ fgcolor=»#7aa127″ percent=»65″ description=»Saleem naijar kaasram eerie can be disbursed wofl.» /]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_donutchart_medium_type2 title=»Testing» bgcolor=»#808080″ fgcolor=»#CD661D» percent=»65″ description=»Saleem naijar kaasram eerie can be disbursed wofl.» /]
[/dt_sc_one_third]

[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 title=»Infographic Bars» class=»hr-title»]
[dt_sc_hr_invisible_small]
[dt_sc_clear]
[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_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 title=»Progress Bars» class=»hr-title»]
[dt_sc_hr_invisible_small]
[dt_sc_clear]
[dt_sc_one_half first]
[dt_sc_progressbar value=’75’ type=’standard’ color=’#B6AF55′ textcolor=»] Print Design[/dt_sc_progressbar]
[dt_sc_progressbar value=’50’ type=’progress-striped’ color=’#00CDCD’ textcolor=»] WordPress75[/dt_sc_progressbar]
[dt_sc_progressbar value=’65’ type=’progress-striped’ color=’#8E8E8E’ textcolor=»] HTML/CSS[/dt_sc_progressbar]
[dt_sc_progressbar value=’80’ 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]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *