{"id":11938,"date":"2015-03-17T02:34:13","date_gmt":"2015-03-17T02:34:13","guid":{"rendered":"http:\/\/localhost\/exp\/ignition\/?page_id=11938"},"modified":"2015-03-17T02:34:13","modified_gmt":"2015-03-17T02:34:13","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/built\/shortcodes\/infographics\/progress-bars\/","title":{"rendered":"Progress bars"},"content":{"rendered":"<p>[vc_row full_width=&#8221;false&#8221; height_engle=&#8221;60px&#8221; height_engle_style2=&#8221;60px&#8221; parallax_speed=&#8221;0.8&#8243; bg_video_transparent=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243; text_align=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>CAREFULLY CREATED TO USE ON ANY DESIGN OR THEME<\/h3>\n<p><span style=\"font-weight: 300; letter-spacing: 1px;\">Use any elements on the themes or create your own style<\/span>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1421408612047{padding-top: 80px !important;padding-bottom: 100px !important;}&#8221; full_width=&#8221;true&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243; same_height=&#8221;true&#8221; height_engle=&#8221;60px&#8221; height_engle_style2=&#8221;60px&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]    \n    <div id=\"cshero-progress-0\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">GRAPHIC DESIGN<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#ffffff;\">\n        <div id=\"cshero-progress-item-0\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"55\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-1\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">HTML\/CSS<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#ffffff;\">\n        <div id=\"cshero-progress-item-1\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"100\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-2\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">PHOTOGRAPHY<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#ffffff;\">\n        <div id=\"cshero-progress-item-2\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"80\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-3\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">MARKETING<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#ffffff;\">\n        <div id=\"cshero-progress-item-3\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"60\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n    [\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]    \n    <div id=\"cshero-progress-4\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">GRAPHIC DESIGN<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-4\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"55\" style=\"background-color: #70d2e5;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-5\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">HTML\/CSS<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-5\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"100\" style=\"background-color: #70d2e5;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-6\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">PHOTOGRAPHY<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-6\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"80\" style=\"background-color: #70d2e5;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-7\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">MARKETING<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-7\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"60\" style=\"background-color: #70d2e5;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n    [\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1421406403730{padding-top: 75px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243;]    \n    <div id=\"cshero-progress-8\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#888888;font-size:18px;\" class=\"fa fa-home\"><\/i>GRAPHIC DESIGN<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;\">\n        <div id=\"cshero-progress-item-8\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"55\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-9\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <span class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#888888;font-size:18px;\" class=\"fa fa-anchor\"><\/i>HTML\/CSS<\/span>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#ffffff;\">\n        <div id=\"cshero-progress-item-9\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"100\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-10\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <span class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#888888;font-size:18px;\" class=\"fa fa-area-chart\"><\/i>PHOTOGRAPHY<\/span>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#ffffff;\">\n        <div id=\"cshero-progress-item-10\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"80\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-11\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#888888;font-size:18px;\" class=\"fa fa-yelp\"><\/i>MARKETING<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#ffffff;\">\n        <div id=\"cshero-progress-item-11\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"60\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n    [\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]    \n    <div id=\"cshero-progress-12\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#70d2e5;font-size:18px;\" class=\"fa fa-home\"><\/i>GRAPHIC DESIGN<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-12\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"55\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-13\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#70d2e5;font-size:18px;\" class=\"fa fa-anchor\"><\/i>HTML\/CSS<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-13\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"100\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-14\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#70d2e5;font-size:18px;\" class=\"fa fa-area-chart\"><\/i>PHOTOGRAPHY<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-14\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"80\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-15\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <h6 class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\"><i style=\"color:#70d2e5;font-size:18px;\" class=\"fa fa-yelp\"><\/i>MARKETING<\/h6>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:10px;line-height:10px;background-color:#eeeeee;\">\n        <div id=\"cshero-progress-item-15\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"60\" style=\"background-color: #333333;\">\n\t        <span style=\"line-height: 10px;display: block;\">            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n    [\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1421407701578{padding-top: 75px !important;}&#8221;][vc_column_inner width=&#8221;2\/3&#8243;]    \n    <div id=\"cshero-progress-16\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <span class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">Graphic Design<\/span>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:20px;line-height:20px;\">\n        <div id=\"cshero-progress-item-16\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"55\" style=\"background-color: #444444;\">\n\t        <span style=\"line-height: 20px;display: block;\">55%            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-17\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <span class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">Web Developement<\/span>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:20px;line-height:20px;\">\n        <div id=\"cshero-progress-item-17\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"100\" style=\"background-color: #444444;\">\n\t        <span style=\"line-height: 20px;display: block;\">100%            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-18\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <span class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">Illustration<\/span>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:20px;line-height:20px;\">\n        <div id=\"cshero-progress-item-18\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"80\" style=\"background-color: #444444;\">\n\t        <span style=\"line-height: 20px;display: block;\">80%            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n        \n    <div id=\"cshero-progress-19\" class=\"cshero-progress-item progressbar-layout2 \">\n                    <div class=\"cshero-progress-title\">\n            <span class=\"title\" style=\"color:;margin:16px 0;text-transform:initial;font-weight:400;font-style:;\">Marketing<\/span>\n        <\/div>\n    \n    <div class=\"progress\" style=\"height:20px;line-height:20px;\">\n        <div id=\"cshero-progress-item-19\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"60\" style=\"background-color: #444444;\">\n\t        <span style=\"line-height: 20px;display: block;\">60%            <\/span>\n        <\/div>\n    <\/div>\n\n    \n    <\/div>\n    [\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;false&#8221; height_engle=&#8221;60px&#8221; height_engle_style2=&#8221;60px&#8221; parallax_speed=&#8221;0.8&#8243; bg_video_transparent=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243; text_align=&#8221;center&#8221;][vc_column_text] CAREFULLY CREATED TO USE ON ANY DESIGN OR THEME Use any elements on the themes or create your own style[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1421408612047{padding-top: 80px !important;padding-bottom: 100px !important;}&#8221; full_width=&#8221;true&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243; same_height=&#8221;true&#8221; height_engle=&#8221;60px&#8221; height_engle_style2=&#8221;60px&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1421406403730{padding-top: 75px [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11936,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-11938","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/pages\/11938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/comments?post=11938"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/pages\/11938\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/pages\/11936"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/built\/wp-json\/wp\/v2\/media?parent=11938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}