{"id":1668,"date":"2013-01-29T16:03:52","date_gmt":"2013-01-29T16:03:52","guid":{"rendered":"https:\/\/demo.qodeinteractive.com\/minimum\/?page_id=1668"},"modified":"2013-02-21T15:01:57","modified_gmt":"2013-02-21T15:01:57","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/demo.qodeinteractive.com\/minimum\/progress-bars\/","title":{"rendered":"INFOGRAPHICS"},"content":{"rendered":"<div class=\"two_columns_50_50 clearfix\">\n<div class=\"column1\"><div class=\"column_inner\">\n<h4>ELEGANT PROGRESS BAR<\/h4>\n<div style=\"\" class=\"separator small\"><\/div>\n<div class='progress_bars'>\n<div class='progress_bar'><span class='progress_title'><em>WEB AND UI DESIGN<\/em><\/span><span class='progress_number'><\/span>\t<div class='progress_content_outer'><div data-percentage='50' class='progress_content'><\/div><\/div><\/div>\n<div class='progress_bar'><span class='progress_title'><em>MOBILE DEVELOPMEN<\/em>T<\/span><span class='progress_number'><\/span>\t<div class='progress_content_outer'><div data-percentage='60' class='progress_content'><\/div><\/div><\/div>\n<div class='progress_bar'><span class='progress_title'><em>MARKETING &amp; RESEARCH<\/em><\/span><span class='progress_number'><\/span>\t<div class='progress_content_outer'><div data-percentage='80' class='progress_content'><\/div><\/div><\/div>\n<div class='progress_bar'><span class='progress_title'><em>CORPORATE IDENTITY<\/em><\/span><span class='progress_number'><\/span>\t<div class='progress_content_outer'><div data-percentage='95' class='progress_content'><\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"column2\"><div class=\"column_inner\">\n<h4>BLOCK PROGRESS BAR<\/h4>\n<div style=\"\" class=\"separator small\"><\/div>\n<div class='progress_bars2'>\n<div class='progress_bar'><span class='progress_title'><em>MOBILE DEVELOPMENT<\/em><\/span><div data-number='6' class='progress_content clearfix'><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><\/div><\/div>\n<div class='progress_bar'><span class='progress_title'><em>WEB AND UI DESIGN<\/em><\/span><div data-number='4' class='progress_content clearfix'><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><\/div><\/div>\n<div class='progress_bar'><span class='progress_title'><em>MARKETING &amp; RESEARCH<\/em><\/span><div data-number='2' class='progress_content clearfix'><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><\/div><\/div>\n<div class='progress_bar'><span class='progress_title'><em>CORPORATE IDENTITY<\/em><\/span><div data-number='5' class='progress_content clearfix'><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<div style=\"\" class=\"separator\"><\/div>\n<h4>VERTICAL PROGRESS BAR<\/h4>\n<div style=\"\" class=\"separator small\"><\/div>\n<div class='progres_bars3 clearfix'>\n<div class='progress_bar'><div class='progress_bar_inner'><div data-number='10' class='bar_holder'><div class='bar'>\n\t\t\t\t<div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\t<\/div><div class='progress_number'>100%<\/div><div class='progress_title'><em>WEB AND UI DESIGN<\/em><\/div><\/div><\/div>\n<div class='progress_bar'><div class='progress_bar_inner'><div data-number='8' class='bar_holder'><div class='bar'>\n\t\t\t\t<div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\t<\/div><div class='progress_number'>80%<\/div><div class='progress_title'><em>MOBILE DEVELOPMENT<\/em><\/div><\/div><\/div>\n<div class='progress_bar'><div class='progress_bar_inner'><div data-number='6' class='bar_holder'><div class='bar'>\n\t\t\t\t<div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\t<\/div><div class='progress_number'>60%<\/div><div class='progress_title'><em>MARKETING &amp; RESEARCH<\/em><\/div><\/div><\/div>\n<div class='progress_bar'><div class='progress_bar_inner'><div data-number='4' class='bar_holder'><div class='bar'>\n\t\t\t\t<div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\t<\/div><div class='progress_number'>40%<\/div><div class='progress_title'><em>MARKETING &amp; RESEARCH<\/em><\/div><\/div><\/div>\n<div class='progress_bar'><div class='progress_bar_inner'><div data-number='6' class='bar_holder'><div class='bar'>\n\t\t\t\t<div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\t<\/div><div class='progress_number'>60%<\/div><div class='progress_title'><em>MARKETING &amp; RESEARCH<\/em><\/div><\/div><\/div>\n<div class='progress_bar'><div class='progress_bar_inner'><div data-number='8' class='bar_holder'><div class='bar'>\n\t\t\t\t<div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div><div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\n\t\t\t\t<div class='bar'><div class='bar_noactive'>&nbsp;<\/div><div class='bar_active'>&nbsp;<\/div><\/div>\t<\/div><div class='progress_number'>80%<\/div><div class='progress_title'><em>MARKETING &amp; RESEARCH<\/em><\/div><\/div><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>VERTICAL PROGRESS BAR &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.qodeinteractive.com\/minimum\/wp-json\/wp\/v2\/pages\/1668"}],"collection":[{"href":"https:\/\/demo.qodeinteractive.com\/minimum\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.qodeinteractive.com\/minimum\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/minimum\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/minimum\/wp-json\/wp\/v2\/comments?post=1668"}],"version-history":[{"count":0,"href":"https:\/\/demo.qodeinteractive.com\/minimum\/wp-json\/wp\/v2\/pages\/1668\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.qodeinteractive.com\/minimum\/wp-json\/wp\/v2\/media?parent=1668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}