{"id":616,"date":"2014-08-04T08:06:57","date_gmt":"2014-08-04T08:06:57","guid":{"rendered":"https:\/\/porfyracrete.gr\/progress-bars\/"},"modified":"2014-08-04T08:06:57","modified_gmt":"2014-08-04T08:06:57","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/porfyracrete.gr\/ru\/progress-bars\/","title":{"rendered":"Bars &amp; Pie Charts"},"content":{"rendered":"<p>[vc_row section_type=&#187;fullwidth-background&#187; section_full_height=&#187;no&#187; opacity_overlay=&#187;10&#8243; margin_bottom=&#187;0&#8243; pattern_overlay=&#187;&#187; padding_top=&#187;120&#8243; padding_bottom=&#187;120&#8243; header_feature=&#187;yes&#187; footer_feature=&#187;&#187;][vc_column width=&#187;1\/2&#8243;]<div class=\"grve-element grve-progress-bars grve-style-2 grve-line-round\" style=\"\"><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"95\">  <div class=\"grve-bar-title\">Development<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-1\" style=\"height: 5px;\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"80\">  <div class=\"grve-bar-title\">Design<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-black\" style=\"height: 5px;\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"62\">  <div class=\"grve-bar-title\">Marketing<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-1\" style=\"height: 5px;\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"88\">  <div class=\"grve-bar-title\">Support<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-1\" style=\"height: 5px;\"><\/div>  <\/div><\/div><\/div>[\/vc_column][vc_column width=&#187;1\/2&#8243; css=&#187;.vc_custom_1423286943516{padding-left: 50px !important;}&#187;][vc_column_text text_style=&#187;leader-text&#187; animation_delay=&#187;200&#8243;]<\/p>\n<p style=\"text-align: justify;\">Osmosis is an unparalleled and effortless multi-functional WordPress Theme. It offers stand-out-from-the-pack options and superior aesthetics; become the designer you \u2019ve always dreamt of and impress the world simply and smartly.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row section_type=&#187;fullwidth-background&#187; section_full_height=&#187;no&#187; opacity_overlay=&#187;70&#8243; bg_type=&#187;image&#187; bg_image_type=&#187;parallax&#187; bg_image=&#187;4041&#8243; pattern_overlay=&#187;&#187; color_overlay=&#187;dark&#187; header_feature=&#187;&#187; footer_feature=&#187;&#187; padding_top=&#187;120&#8243; padding_bottom=&#187;120&#8243; margin_bottom=&#187;0&#8243; font_color=&#187;#ffffff&#187;][vc_column width=&#187;1\/3&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp\" style=\"\" data-delay=\"200\">  <div class=\"grve-chart-number\" data-percent=\"65\" data-pie-active-color=\"#a1ce18\" data-pie-color=\"rgba(255,255,255,0.15)\" data-pie-line-cap=\"round\" data-pie-line-size=\"10\">    <span class=\"grve-counter\">+65%<\/span>  <\/div><\/div>[\/vc_column][vc_column width=&#187;1\/3&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp\" style=\"\" data-delay=\"600\">  <div class=\"grve-chart-number\" data-percent=\"80\" data-pie-active-color=\"#f2b500\" data-pie-color=\"rgba(255,255,255,0.15)\" data-pie-line-cap=\"round\" data-pie-line-size=\"10\">    <span class=\"grve-counter\">-80k<\/span>  <\/div><\/div>[\/vc_column][vc_column width=&#187;1\/3&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp\" style=\"\" data-delay=\"800\">  <div class=\"grve-chart-number\" data-percent=\"45\" data-pie-active-color=\"#1ad3e0\" data-pie-color=\"rgba(255,255,255,0.15)\" data-pie-line-cap=\"round\" data-pie-line-size=\"10\">    <span class=\"grve-counter\">45%<\/span>  <\/div><\/div>[\/vc_column][\/vc_row][vc_row section_type=&#187;fullwidth-background&#187; section_full_height=&#187;no&#187; opacity_overlay=&#187;60&#8243; bg_image_type=&#187;parallax&#187; pattern_overlay=&#187;&#187; color_overlay=&#187;dark&#187; header_feature=&#187;&#187; footer_feature=&#187;yes&#187; padding_top=&#187;120&#8243; padding_bottom=&#187;120&#8243; margin_bottom=&#187;0&#8243;][vc_column width=&#187;1\/4&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInLeft\" style=\"\" data-delay=\"600\">  <div class=\"grve-chart-number\" data-percent=\"75\" data-pie-active-color=\"#ff0042\" data-pie-color=\"rgba(0,0,0,0.1)\" data-pie-line-cap=\"square\" data-pie-line-size=\"25\">    <span class=\"grve-counter\">75%<\/span>  <\/div><h5 class=\"grve-chart-title\"><span>HTML 5<\/span><\/h5>      <p>Lorem ipsum dolor sit amet, sea et vidit denique nobis putant dictas<\/p><\/div>[\/vc_column][vc_column width=&#187;1\/4&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInLeft\" style=\"\" data-delay=\"800\">  <div class=\"grve-chart-number\" data-percent=\"40\" data-pie-active-color=\"#23a5d1\" data-pie-color=\"rgba(0,0,0,0.1)\" data-pie-line-cap=\"round\" data-pie-line-size=\"25\">    <span class=\"grve-counter\">40%<\/span>  <\/div><h5 class=\"grve-chart-title\"><span>CSS 3<\/span><\/h5>      <p>Lorem ipsum dolor sit amet, sea et vidit denique nobis putant dictas<\/p><\/div>[\/vc_column][vc_column width=&#187;1\/2&#8243; css=&#187;.vc_custom_1423289472989{padding-left: 50px !important;}&#187;]<h5 class=\"grve-element grve-align-left grve-title-no-line grve-h5\" style=\"margin-bottom: 20px;\"><span>Multi Color 1\/2 Column<\/span><\/h5><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=\"95\">  <div class=\"grve-bar-title\">Development<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-primary-5\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"80\">  <div class=\"grve-bar-title\">Design<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-red\" style=\"\"><\/div>  <\/div><\/div><\/div><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=\"62\">  <div class=\"grve-bar-title\">Marketing<\/div>  <div class=\"grve-bar\">    <div class=\"grve-bar-line grve-bg-blue\" style=\"\"><\/div>  <\/div><\/div><div class=\"grve-element grve-progress-bar grve-margin-10\" data-value=\"88\">  <div class=\"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]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row section_type=&#187;fullwidth-background&#187; section_full_height=&#187;no&#187; opacity_overlay=&#187;10&#8243; margin_bottom=&#187;0&#8243; pattern_overlay=&#187;&#187; padding_top=&#187;120&#8243; padding_bottom=&#187;120&#8243; header_feature=&#187;yes&#187; footer_feature=&#187;&#187;][vc_column width=&#187;1\/2&#8243;][\/vc_column][vc_column width=&#187;1\/2&#8243; css=&#187;.vc_custom_1423286943516{padding-left: 50px !important;}&#187;][vc_column_text text_style=&#187;leader-text&#187; animation_delay=&#187;200&#8243;] Osmosis is an unparalleled and effortless multi-functional WordPress Theme. It offers stand-out-from-the-pack options and superior aesthetics; become the designer you \u2019ve always dreamt of and impress the world simply and smartly. [\/vc_column_text][\/vc_column][\/vc_row][vc_row section_type=&#187;fullwidth-background&#187; section_full_height=&#187;no&#187; opacity_overlay=&#187;70&#8243; bg_type=&#187;image&#187; bg_image_type=&#187;parallax&#187; bg_image=&#187;4041&#8243; [&hellip;]<\/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:\/\/porfyracrete.gr\/ru\/wp-json\/wp\/v2\/pages\/616"}],"collection":[{"href":"https:\/\/porfyracrete.gr\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/porfyracrete.gr\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/porfyracrete.gr\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/porfyracrete.gr\/ru\/wp-json\/wp\/v2\/comments?post=616"}],"version-history":[{"count":0,"href":"https:\/\/porfyracrete.gr\/ru\/wp-json\/wp\/v2\/pages\/616\/revisions"}],"wp:attachment":[{"href":"https:\/\/porfyracrete.gr\/ru\/wp-json\/wp\/v2\/media?parent=616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}