{"id":483,"date":"2013-11-22T12:21:30","date_gmt":"2013-11-22T12:21:30","guid":{"rendered":"http:\/\/wedesignthemes.com\/themes\/dummy-soulmedic\/?page_id=483"},"modified":"2013-11-22T12:21:30","modified_gmt":"2013-11-22T12:21:30","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/dzunglica.com\/wordpress\/shortcodes\/progress-bars\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"<h2>Donut Chart<\/h2>\n<div  class='column dt-sc-one-third   first' >[dt_sc_donutchart_medium\u00a0title=&#8221;2012&#8243; bgcolor=&#8221;#808080&#8243; fgcolor=&#8221;#4BBCD7&#8243;\u00a0percent=&#8221;75&#8243; \/]<\/div>\n<div  class='column dt-sc-one-third   ' ><div class='dt-sc-donutchart-medium'><div class='dt-sc-donutchart' data-size='200' data-percent='80' data-bgcolor='#808080' data-fgcolor='#7aa127'><\/div><h5 class='dt-sc-donutchart-title'>2013<\/h5><\/div><\/div>\n<div  class='column dt-sc-one-third   ' >[dt_sc_donutchart_medium\u00a0title=&#8221;2011&#8243; bgcolor=&#8221;#808080&#8243; fgcolor=&#8221;#CD661D&#8221; percent=&#8221;65&#8243; \/]<\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<p><strong>Shortcode:<\/strong><br \/>\n<pre>\n[dt_sc_donutchart_small title=\"Lorem\" bgcolor=\"#808080\" fgcolor=\"#4bbcd7\" percent=\"50\" &#47;]\n<\/pre>\n<div class='dt-sc-hr-medium '><\/div>\n<h5>Available Sizes<\/h5>\n<ul>\n<li>small<\/li>\n<li>medium<\/li>\n<li>large<\/li>\n<\/ul>\n<div class=\"dt-sc-clear\"><\/div>\n<h2>Infographic Bars<\/h2>\n<div  class='column dt-sc-one-half   first' ><div class=\"dt-sc-infographic-bar\"><i class='fa fa-male' style='font-size:150px; color:;'> <\/i>\t<div class=\"info\">\t\t<div class='dt-sc-progress dt-sc-standard'>\t\t <div data-value=50 style='background-color:;' class='dt-sc-bar'><\/div>\t\t<\/div>\t\t<div class='dt-sc-bar-percentage'> <span> 50%  <\/span> <\/div>\t\t<div class='dt-sc-bar-text'>Laasd pamade eleifend la sapien. Vestibulum purus quam.<\/div>\t<\/div><\/div><\/div>\n<div  class='column dt-sc-one-half   ' ><div class=\"dt-sc-infographic-bar\"><i class='fa fa-female' style='font-size:150px; color:;'> <\/i>\t<div class=\"info\">\t\t<div class='dt-sc-progress dt-sc-progress-striped'>\t\t <div data-value=70 style='background-color:;' class='dt-sc-bar'><\/div>\t\t<\/div>\t\t<div class='dt-sc-bar-percentage'> <span> 70%  <\/span> <\/div>\t\t<div class='dt-sc-bar-text'>Laasd pamade eleifend la sapien. Vestibulum purus quam.<\/div>\t<\/div><\/div><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<div  class='column dt-sc-one-half   first' ><div class=\"dt-sc-infographic-bar\"><i class='fa fa-glass' style='font-size:93px; color:;'> <\/i>\t<div class=\"info\">\t\t<div class='dt-sc-progress dt-sc-standard'>\t\t <div data-value=50 style='background-color:;' class='dt-sc-bar'><\/div>\t\t<\/div>\t\t<div class='dt-sc-bar-percentage'> <span> 50%  <\/span> <\/div>\t\t<div class='dt-sc-bar-text'>Laasd pamade eleifend la sapien. Vestibulum purus quam.<\/div>\t<\/div><\/div><\/div>\n<div  class='column dt-sc-one-half   ' ><div class=\"dt-sc-infographic-bar\"><i class='fa fa-leaf' style='font-size:103px; color:;'> <\/i>\t<div class=\"info\">\t\t<div class='dt-sc-progress dt-sc-progress-striped'>\t\t <div data-value=70 style='background-color:;' class='dt-sc-bar'><\/div>\t\t<\/div>\t\t<div class='dt-sc-bar-percentage'> <span> 70%  <\/span> <\/div>\t\t<div class='dt-sc-bar-text'>Laasd pamade eleifend la sapien. Vestibulum purus quam.<\/div>\t<\/div><\/div><\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<p><strong>Shortcode:<\/strong><br \/>\n<pre>\n[dt_sc_infographic_bar icon=\"\" icon_size=\"\" value=\"\" type=\"\"] Your content goes here&#8230; [&#47;dt_sc_infographic_bar]\n<\/pre>\n<div class='dt-sc-hr-medium '><\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<h2>Progress Bars<\/h2>\n<div  class='column dt-sc-one-half   first' ><div class='dt-sc-progress dt-sc-standard'><div class='dt-sc-bar' style='background-color:#B6AF55;' data-value='50'><div class='dt-sc-bar-text' >Print Design<span>50%<\/span><\/div><\/div><\/div>\n<div class='dt-sc-progress dt-sc-progress-striped'><div class='dt-sc-bar' style='background-color:#00CDCD;' data-value='75'><div class='dt-sc-bar-text' >WordPress75<span>75%<\/span><\/div><\/div><\/div>\n<div class='dt-sc-progress dt-sc-progress-striped'><div class='dt-sc-bar' style='background-color:#8E8E8E;' data-value='85'><div class='dt-sc-bar-text' >HTML\/CSS<span>85%<\/span><\/div><\/div><\/div>\n<div class='dt-sc-progress dt-sc-progress-striped'><div class='dt-sc-bar' style='background-color:#CD661D;' data-value='90'><div class='dt-sc-bar-text' >Photoshop<span>90%<\/span><\/div><\/div><\/div><\/div>\n<div  class='column dt-sc-one-half   ' ><div class='dt-sc-progress dt-sc-progress-striped active'><div class='dt-sc-bar' style='background-color:#836FFF;' data-value='45'><div class='dt-sc-bar-text' >Print Design<span>45%<\/span><\/div><\/div><\/div>\n<div class='dt-sc-progress dt-sc-progress-striped active'><div class='dt-sc-bar' style='background-color:#9C59B6;' data-value='75'><div class='dt-sc-bar-text' >consectetur<span>75%<\/span><\/div><\/div><\/div>\n<div class='dt-sc-progress dt-sc-progress-striped active'><div class='dt-sc-bar' style='background-color:#A23B6F;' data-value='85'><div class='dt-sc-bar-text' >HTML\/CSS<span>85%<\/span><\/div><\/div><\/div>\n<div class='dt-sc-progress dt-sc-progress-striped active'><div class='dt-sc-bar' style='background-color:#536878;' data-value='90'><div class='dt-sc-bar-text' >Photoshop<span>90%<\/span><\/div><\/div><\/div><\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<strong>Shortcode:<\/strong><br \/>\n<pre>\n[dt_sc_progressbar value='80' type='' color=''] consectetur[&#47;dt_sc_progressbar]\n<\/pre>\n<div class='dt-sc-hr-medium '><\/div>\n<h5>Availables Types<\/h5>\n<ul>\n<li>standard<\/li>\n<li>progress-striped<\/li>\n<li>progress-striped-active<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Donut Chart Shortcode: Available Sizes small medium large Infographic Bars Shortcode: Progress Bars Shortcode: Availables Types standard progress-striped progress-striped-active<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":471,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-483","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages\/483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/comments?post=483"}],"version-history":[{"count":0,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages\/483\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages\/471"}],"wp:attachment":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/media?parent=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}