{"id":14008,"date":"2014-04-14T10:03:22","date_gmt":"2014-04-14T10:03:22","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=14008"},"modified":"2014-04-14T10:03:22","modified_gmt":"2014-04-14T10:03:22","slug":"progress-bars-shortcode","status":"publish","type":"page","link":"https:\/\/www.sailforce.one\/?page_id=14008","title":{"rendered":"Progress bars"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row type=&#8220;vc_default&#8220; margin_top=&#8220;-5&#8243; margin_bottom=&#8220;10&#8243; css=&#8220;.vc_custom_1482762389005{padding-bottom: 30px !important;}&#8220;][vc_column][vc_column_text css=&#8220;.vc_custom_1482762409787{padding-bottom: 30px !important;}&#8220;]<\/p>\n<h3>Text on progress bars<\/h3>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762433154{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D&#8220; options=&#8220;striped,animated&#8220;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762438520{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%23e91e63%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23f44336%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%23ff5722%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%23ff9800%22%7D%2C%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2240%22%2C%22customcolor%22%3A%22%23ffc104%22%7D%5D&#8220; bgcolor=&#8220;custom&#8220; custombgcolor=&#8220;#f44336&#8243;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762447283{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D&#8220; bgcolor=&#8220;custom&#8220; options=&#8220;striped&#8220; custombgcolor=&#8220;#178be7&#8243;][\/vc_column][\/vc_row][vc_row type=&#8220;vc_default&#8220; margin_top=&#8220;-5&#8243; margin_bottom=&#8220;10&#8243; css=&#8220;.vc_custom_1482762499384{padding-bottom: 30px !important;}&#8220;][vc_column][vc_column_text css=&#8220;.vc_custom_1482762464816{padding-bottom: 30px !important;}&#8220;]<\/p>\n<h3>Text above thick\u00a0progress bars<\/h3>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762471217{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D&#8220; options=&#8220;striped,animated&#8220; caption_pos=&#8220;top&#8220;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762476812{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;80|Design|#e91e63,70|Marketing|#f44336,60|Photography|#ff5722,50|Consulting|#ff9800,40|Development|#ffc104&#8243; bgcolor=&#8220;custom&#8220; caption_pos=&#8220;top&#8220; custombgcolor=&#8220;#f44336&#8243;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762483113{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D&#8220; bgcolor=&#8220;custom&#8220; options=&#8220;striped&#8220; caption_pos=&#8220;top&#8220; custombgcolor=&#8220;#178be7&#8243;][\/vc_column][\/vc_row][vc_row type=&#8220;vc_default&#8220; margin_top=&#8220;-5&#8243; margin_bottom=&#8220;10&#8243; css=&#8220;.vc_custom_1585813041884{margin-bottom: 30px !important;}&#8220;][vc_column][vc_column_text css=&#8220;.vc_custom_1482762594656{padding-bottom: 30px !important;}&#8220;]<\/p>\n<h3>Text above thin progress bars<\/h3>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762603047{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D&#8220; options=&#8220;striped,animated&#8220; caption_pos=&#8220;thin_top&#8220;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762608304{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%23e91e63%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23f44336%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%23ff5722%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%23ff9800%22%7D%2C%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2240%22%2C%22customcolor%22%3A%22%23ffc104%22%7D%5D&#8220; bgcolor=&#8220;custom&#8220; caption_pos=&#8220;thin_top&#8220; custombgcolor=&#8220;#f44336&#8243;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762615130{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D&#8220; bgcolor=&#8220;custom&#8220; options=&#8220;striped&#8220; caption_pos=&#8220;thin_top&#8220; custombgcolor=&#8220;#178be7&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8220;vc_default&#8220; margin_top=&#8220;-5&#8243; margin_bottom=&#8220;10&#8243; css=&#8220;.vc_custom_1482762389005{padding-bottom: 30px !important;}&#8220;][vc_column][vc_column_text css=&#8220;.vc_custom_1482762409787{padding-bottom: 30px !important;}&#8220;] Text on progress bars [\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762433154{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D&#8220; options=&#8220;striped,animated&#8220;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762438520{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%23e91e63%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23f44336%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%23ff5722%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%23ff9800%22%7D%2C%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2240%22%2C%22customcolor%22%3A%22%23ffc104%22%7D%5D&#8220; bgcolor=&#8220;custom&#8220; custombgcolor=&#8220;#f44336&#8243;][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762447283{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D&#8220; bgcolor=&#8220;custom&#8220; options=&#8220;striped&#8220; custombgcolor=&#8220;#178be7&#8243;][\/vc_column][\/vc_row][vc_row type=&#8220;vc_default&#8220; margin_top=&#8220;-5&#8243; margin_bottom=&#8220;10&#8243; css=&#8220;.vc_custom_1482762499384{padding-bottom: 30px !important;}&#8220;][vc_column][vc_column_text css=&#8220;.vc_custom_1482762464816{padding-bottom: 30px !important;}&#8220;] Text above thick\u00a0progress bars [\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/3&#8243; css=&#8220;.vc_custom_1482762471217{padding-bottom: 50px !important;}&#8220;][vc_progress_bar values=&#8220;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D&#8220;&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":13572,"menu_order":430,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","footnotes":""},"class_list":["post-14008","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/14008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14008"}],"version-history":[{"count":0,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/14008\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/13572"}],"wp:attachment":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}