{"id":8032,"date":"2016-01-23T15:46:16","date_gmt":"2016-01-23T15:46:16","guid":{"rendered":"https:\/\/greatives.eu\/themes\/blade\/blade-v2\/progress-bar\/"},"modified":"2016-01-23T15:46:16","modified_gmt":"2016-01-23T15:46:16","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/blade.greatives.eu\/blade-v2\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row header_feature=&#8221;yes&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column]<div class=\"grve-element grve-slogan grve-align-center\" style=\"\"><h3 class=\"grve-slogan-title grve-align-center grve-h6\"><span>Progress Bars<\/span><\/h3>  <p class=\"\">This element creates horizontal bars<br \/>\nthat get animated in accord with the percent given.<\/p><\/div>[vc_empty_space height=&#8221;60&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"grve-element grve-progress-bars grve-style-2 grve-line-square\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"90\">  <div class=\"grve-small-text grve-bar-title\">Development<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-1\" style=\"height: 3px;\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"80\">  <div class=\"grve-small-text grve-bar-title\">Design<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-black\" style=\"height: 3px;\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"70\">  <div class=\"grve-small-text grve-bar-title\">Marketing<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-1\" style=\"height: 3px;\"><\/div>  <\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row][vc_row bg_type=&#8221;color&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243; bg_color=&#8221;#f7f7f7&#8243;][vc_column width=&#8221;1\/2&#8243;]<div class=\"grve-element grve-progress-bars grve-style-1 grve-line-square\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"90\">  <div class=\"grve-small-text grve-bar-title\">Development<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-2\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"80\">  <div class=\"grve-small-text grve-bar-title\">Design<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-3\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"70\">  <div class=\"grve-small-text grve-bar-title\">Marketing<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-4\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"60\">  <div class=\"grve-small-text grve-bar-title\">Support<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-5\" style=\"\"><\/div>  <\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"grve-element grve-progress-bars grve-style-1 grve-line-round\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"90\">  <div class=\"grve-small-text grve-bar-title\">Development<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-2\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"80\">  <div class=\"grve-small-text grve-bar-title\">Design<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-3\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"70\">  <div class=\"grve-small-text grve-bar-title\">Marketing<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-4\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"60\">  <div class=\"grve-small-text grve-bar-title\">Support<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-5\" style=\"\"><\/div>  <\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row footer_feature=&#8221;yes&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column]<div class=\"grve-element grve-progress-bars grve-style-2 grve-line-square\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"90\">  <div class=\"grve-small-text grve-bar-title\">Development<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-2\" style=\"height: 3px;\"><\/div>  <\/div><\/div><\/div><div class=\"grve-element grve-progress-bars grve-style-2 grve-line-square\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"80\">  <div class=\"grve-small-text grve-bar-title\">Design<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-3\" style=\"height: 8px;\"><\/div>  <\/div><\/div><\/div><div class=\"grve-element grve-progress-bars grve-style-2 grve-line-square\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"70\">  <div class=\"grve-small-text grve-bar-title\">Marketing<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-4\" style=\"height: 10px;\"><\/div>  <\/div><\/div><\/div><div class=\"grve-element grve-progress-bars grve-style-2 grve-line-square\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"60\">  <div class=\"grve-small-text grve-bar-title\">Support<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-5\" style=\"height: 24px;\"><\/div>  <\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row header_feature=&#8221;yes&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column][vc_empty_space height=&#8221;60&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row][vc_row bg_type=&#8221;color&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243; bg_color=&#8221;#f7f7f7&#8243;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row footer_feature=&#8221;yes&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column][\/vc_column][\/vc_row]<\/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-8032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blade.greatives.eu\/blade-v2\/wp-json\/wp\/v2\/pages\/8032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blade.greatives.eu\/blade-v2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blade.greatives.eu\/blade-v2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blade.greatives.eu\/blade-v2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blade.greatives.eu\/blade-v2\/wp-json\/wp\/v2\/comments?post=8032"}],"version-history":[{"count":0,"href":"https:\/\/blade.greatives.eu\/blade-v2\/wp-json\/wp\/v2\/pages\/8032\/revisions"}],"wp:attachment":[{"href":"https:\/\/blade.greatives.eu\/blade-v2\/wp-json\/wp\/v2\/media?parent=8032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}