{"id":803,"date":"2014-07-11T08:39:10","date_gmt":"2014-07-11T08:39:10","guid":{"rendered":"https:\/\/demo.exptheme.com\/craftsmen\/?page_id=803"},"modified":"2014-07-11T08:39:10","modified_gmt":"2014-07-11T08:39:10","slug":"vertical-progress-bars","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/craftsmen\/vertical-progress-bars\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1416303745968{padding-top: 20px !important;padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/1&#8243; column_align=&#8221;center&#8221; text_align=&#8221;center&#8221; column_style=&#8221;title-preset2&#8243;][vc_column_text]<\/p>\n<h3>Carefully created to use on any design or theme<\/h3>\n<p>Use any of the Consilium elements on the themes or create your own style[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1405589363071{padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/2&#8243;]    \r\n    <div id=\"cshero-progress-0\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">Wordpress Development<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress\" style=\"\">\r\n        <div id=\"cshero-progress-item-0\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"90\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">90%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n        \r\n    <div id=\"cshero-progress-1\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">Research<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress\" style=\"\">\r\n        <div id=\"cshero-progress-item-1\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"85\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">85%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n        \r\n    <div id=\"cshero-progress-2\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">BRANDING<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress\" style=\"\">\r\n        <div id=\"cshero-progress-item-2\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"75\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">75%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n        \r\n    <div id=\"cshero-progress-3\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">TEAM WORK<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress\" style=\"\">\r\n        <div id=\"cshero-progress-item-3\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"98\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">98%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][vc_column width=&#8221;1\/2&#8243;]    \r\n    <div id=\"cshero-progress-4\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">Wordpress Development<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress progress-striped\" style=\"\">\r\n        <div id=\"cshero-progress-item-4\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"90\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">90%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n        \r\n    <div id=\"cshero-progress-5\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">Research<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress progress-striped\" style=\"\">\r\n        <div id=\"cshero-progress-item-5\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"85\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">85%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n        \r\n    <div id=\"cshero-progress-6\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">BRANDING<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress progress-striped\" style=\"\">\r\n        <div id=\"cshero-progress-item-6\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"75\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">75%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n        \r\n    <div id=\"cshero-progress-7\" class=\"cshero-progress-item progressbar-layout1 \">\r\n                    <div class=\"cshero-progress-title\">\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">TEAM WORK<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress progress-striped\" style=\"\">\r\n        <div id=\"cshero-progress-item-7\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"98\" style=\"background-color: #0077dd;\">\r\n\t        <span style=\"line-height: 20px;display: block;\">98%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1405686867244{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f5f5f5 !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243; same_height=&#8221;true&#8221;][vc_column width=&#8221;1\/6&#8243; text_align=&#8221;center&#8221;]    \r\n    <div id=\"cshero-progress-8\" class=\"cshero-progress-item progressbar-layout1 \">\r\n        \r\n\r\n            <div class=\"cshero-progress-title vertical\">\r\n            <i style=\"color:;font-size:;\" class=\"\"><\/i>\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">RESEARCH<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress vertical bottom\" style=\"height:350px;line-height:350px;width:70px;\">\r\n        <div id=\"cshero-progress-item-8\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"85\" style=\"background-color: #0077dd;\">\r\n            <span>\r\n                85%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][vc_column width=&#8221;1\/6&#8243; text_align=&#8221;center&#8221;]    \r\n    <div id=\"cshero-progress-9\" class=\"cshero-progress-item progressbar-layout1 \">\r\n        \r\n\r\n            <div class=\"cshero-progress-title vertical\">\r\n            <i style=\"color:;font-size:;\" class=\"\"><\/i>\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">CODING<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress vertical bottom\" style=\"height:350px;line-height:350px;width:70px;\">\r\n        <div id=\"cshero-progress-item-9\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"75\" style=\"background-color: #0077dd;\">\r\n            <span>\r\n                75%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][vc_column width=&#8221;1\/6&#8243; text_align=&#8221;center&#8221;]    \r\n    <div id=\"cshero-progress-10\" class=\"cshero-progress-item progressbar-layout1 \">\r\n        \r\n\r\n            <div class=\"cshero-progress-title vertical\">\r\n            <i style=\"color:;font-size:;\" class=\"\"><\/i>\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">DESIGN<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress vertical bottom\" style=\"height:350px;line-height:350px;width:70px;\">\r\n        <div id=\"cshero-progress-item-10\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"95\" style=\"background-color: #0077dd;\">\r\n            <span>\r\n                95%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][vc_column width=&#8221;1\/6&#8243; text_align=&#8221;center&#8221;]    \r\n    <div id=\"cshero-progress-11\" class=\"cshero-progress-item progressbar-layout1 \">\r\n        \r\n\r\n            <div class=\"cshero-progress-title vertical\">\r\n            <i style=\"color:;font-size:30px;\" class=\"fa fa-code\"><\/i>\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">CODING<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress vertical bottom progress-striped\" style=\"height:350px;line-height:350px;width:70px;\">\r\n        <div id=\"cshero-progress-item-11\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"75\" style=\"background-color: #0077dd;\">\r\n            <span>\r\n                75%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][vc_column width=&#8221;1\/6&#8243; text_align=&#8221;center&#8221;]    \r\n    <div id=\"cshero-progress-12\" class=\"cshero-progress-item progressbar-layout1 \">\r\n        \r\n\r\n            <div class=\"cshero-progress-title vertical\">\r\n            <i style=\"color:;font-size:30px;\" class=\"fa fa-lightbulb-o\"><\/i>\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">RESEARCH<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress vertical bottom progress-striped\" style=\"height:350px;line-height:350px;width:70px;\">\r\n        <div id=\"cshero-progress-item-12\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"85\" style=\"background-color: #0077dd;\">\r\n            <span>\r\n                85%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][vc_column width=&#8221;1\/6&#8243; text_align=&#8221;center&#8221;]    \r\n    <div id=\"cshero-progress-13\" class=\"cshero-progress-item progressbar-layout1 \">\r\n        \r\n\r\n            <div class=\"cshero-progress-title vertical\">\r\n            <i style=\"color:;font-size:30px;\" class=\"fa fa-pencil\"><\/i>\r\n            <h4 class=\"title\" style=\"color:;margin:;text-transform:initial;font-weight:400;font-style:;\">DESIGN<\/h4>\r\n        <\/div>\r\n    \r\n    <div class=\"progress vertical bottom progress-striped active\" style=\"height:350px;line-height:350px;width:70px;\">\r\n        <div id=\"cshero-progress-item-13\" class=\"progress-bar\" role=\"progressbar\" data-valuetransitiongoal=\"95\" style=\"background-color: #0077dd;\">\r\n            <span>\r\n                95%            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <\/div>\r\n    [\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1416303745968{padding-top: 20px !important;padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/1&#8243; column_align=&#8221;center&#8221; text_align=&#8221;center&#8221; column_style=&#8221;title-preset2&#8243;][vc_column_text] Carefully created to use on any design or theme Use any of the Consilium elements on the themes or create your own style[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1405589363071{padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1405686867244{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f5f5f5 !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243; same_height=&#8221;true&#8221;][vc_column [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages\/803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/comments?post=803"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages\/803\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/media?parent=803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}