{"id":1145,"date":"2015-06-27T11:23:06","date_gmt":"2015-06-27T11:23:06","guid":{"rendered":"http:\/\/amicaleggd91.org\/index.php\/bars-pie-charts\/"},"modified":"2015-06-27T11:23:06","modified_gmt":"2015-06-27T11:23:06","slug":"bars-pie-charts","status":"publish","type":"page","link":"https:\/\/amicaleggd91.fr\/index.php\/bars-pie-charts\/","title":{"rendered":"Bars &amp; Pie Charts"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row header_feature=\u00a0\u00bbyes\u00a0\u00bb padding_top=\u00a0\u00bb120&Prime; padding_bottom=\u00a0\u00bb120&Prime; margin_bottom=\u00a0\u00bb0&Prime;][vc_column width=\u00a0\u00bb1\/3&Prime;]<h6 class=\"eut-element eut-align-left eut-title-no-line\" style=\"\"><span>Progress Bars<\/span><\/h6>[vc_column_text]<\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #c6c6c6;\">This element creates horizontal bars that get animated in accord with the percent given; the best way to show your skills in a visual way.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb2\/3&Prime;]<div class=\"eut-element eut-progress-bars eut-style-2 eut-line-round\" style=\"\"><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"90\">  <div class=\"eut-small-text eut-bar-title\">Development<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-primary-1\" style=\"height: 4px;\"><\/div>  <\/div><\/div><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"80\">  <div class=\"eut-small-text eut-bar-title\">Design<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-black\" style=\"height: 4px;\"><\/div>  <\/div><\/div><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"70\">  <div class=\"eut-small-text eut-bar-title\">Marketing<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-primary-1\" style=\"height: 4px;\"><\/div>  <\/div><\/div><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"95\">  <div class=\"eut-small-text eut-bar-title\">Support<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-primary-1\" style=\"height: 4px;\"><\/div>  <\/div><\/div><\/div><div class=\"eut-element eut-hr \" style=\"padding-top: 50px;padding-bottom: 50px;\"><div class=\"eut-line-divider\"><\/div><\/div><div class=\"eut-element eut-progress-bars eut-style-1 eut-line-square\" style=\"\"><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"90\">  <div class=\"eut-small-text eut-bar-title\">Development<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-grey\" style=\"\"><\/div>  <\/div><\/div><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"80\">  <div class=\"eut-small-text eut-bar-title\">Design<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-black\" style=\"\"><\/div>  <\/div><\/div><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"70\">  <div class=\"eut-small-text eut-bar-title\">Marketing<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-grey\" style=\"\"><\/div>  <\/div><\/div><div class=\"eut-element eut-progress-bar eut-margin-10\" data-value=\"95\">  <div class=\"eut-small-text eut-bar-title\">Support<\/div>  <div class=\"eut-bar\">    <div class=\"eut-bar-line eut-bg-grey\" style=\"\"><\/div>  <\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row heading_color=\u00a0\u00bborange\u00a0\u00bb bg_type=\u00a0\u00bbimage\u00a0\u00bb bg_image_type=\u00a0\u00bbparallax\u00a0\u00bb color_overlay=\u00a0\u00bbdark\u00a0\u00bb opacity_overlay=\u00a0\u00bb60&Prime; bg_image=\u00a0\u00bb5698&Prime; padding_top=\u00a0\u00bb70&Prime; padding_bottom=\u00a0\u00bb70&Prime; margin_bottom=\u00a0\u00bb0&Prime; font_color=\u00a0\u00bb#a9a9a9&Prime;][vc_column width=\u00a0\u00bb1\/3&Prime;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fadeInUp\" style=\"\" data-delay=\"400\">  <div class=\"eut-chart-number\" data-percent=\"90\" data-pie-active-color=\"#ffffff\" data-pie-color=\"rgba(255,255,255,0.12)\" data-pie-line-cap=\"round\" data-pie-line-size=\"4\">    <span class=\"eut-counter\">90%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title\">JQuery Power<\/h5>      <p> His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.<\/p><\/div>[\/vc_column][vc_column width=\u00a0\u00bb1\/3&Prime;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fadeInUp\" style=\"\" data-delay=\"800\">  <div class=\"eut-chart-number\" data-percent=\"78\" data-pie-active-color=\"#ffffff\" data-pie-color=\"rgba(255,255,255,0.12)\" data-pie-line-cap=\"round\" data-pie-line-size=\"4\">    <span class=\"eut-counter\">78%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title\">CSS Capabilities<\/h5>      <p> His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.<\/p><\/div>[\/vc_column][vc_column width=\u00a0\u00bb1\/3&Prime;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fadeInUp\" style=\"\" data-delay=\"1200\">  <div class=\"eut-chart-number\" data-percent=\"65\" data-pie-active-color=\"#ffffff\" data-pie-color=\"rgba(255,255,255,0.12)\" data-pie-line-cap=\"round\" data-pie-line-size=\"4\">    <span class=\"eut-counter\">65%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title\">WP Framework<\/h5>      <p> His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.<\/p><\/div>[\/vc_column][\/vc_row][vc_row footer_feature=\u00a0\u00bbyes\u00a0\u00bb padding_top=\u00a0\u00bb120&Prime; padding_bottom=\u00a0\u00bb120&Prime; margin_bottom=\u00a0\u00bb0&Prime;][vc_column width=\u00a0\u00bb1\/3&Prime;]<h6 class=\"eut-element eut-align-left eut-title-no-line\" style=\"\"><span>Pie Charts<\/span><\/h6>[vc_column_text]<\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #c6c6c6;\">With this element you can create appealing pie charts with multiple options.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb2\/3&Prime;][vc_row_inner][vc_column_inner width=\u00a0\u00bb1\/2&Prime;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fadeInUp\" style=\"\" data-delay=\"800\">  <div class=\"eut-chart-number\" data-percent=\"78\" data-pie-active-color=\"#fa4949\" data-pie-color=\"rgba(255,255,255,0.12)\" data-pie-line-cap=\"round\" data-pie-line-size=\"4\">    <span class=\"eut-counter\">78%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title\">CSS Capabilities<\/h5>      <p> His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.<\/p><\/div>[\/vc_column_inner][vc_column_inner width=\u00a0\u00bb1\/2&Prime;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fadeInUp\" style=\"\" data-delay=\"400\">  <div class=\"eut-chart-number\" data-percent=\"68\" data-pie-active-color=\"#c6c6c6\" data-pie-color=\"rgba(255,255,255,0.12)\" data-pie-line-cap=\"square\" data-pie-line-size=\"12\">    <span class=\"eut-counter\">68%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title\">JQuery Power<\/h5>      <p> His case deserunt disputando cu, pericula consetetur scripserit prima modus recteque.<\/p><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row header_feature=\u00a0\u00bbyes\u00a0\u00bb padding_top=\u00a0\u00bb120&Prime; padding_bottom=\u00a0\u00bb120&Prime; margin_bottom=\u00a0\u00bb0&Prime;][vc_column width=\u00a0\u00bb1\/3&Prime;][vc_column_text] This element creates horizontal bars that get animated in accord with the percent given; the best way to show your skills in a visual way. [\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb2\/3&Prime;][\/vc_column][\/vc_row][vc_row heading_color=\u00a0\u00bborange\u00a0\u00bb bg_type=\u00a0\u00bbimage\u00a0\u00bb bg_image_type=\u00a0\u00bbparallax\u00a0\u00bb color_overlay=\u00a0\u00bbdark\u00a0\u00bb opacity_overlay=\u00a0\u00bb60&Prime; bg_image=\u00a0\u00bb5698&Prime; padding_top=\u00a0\u00bb70&Prime; padding_bottom=\u00a0\u00bb70&Prime; margin_bottom=\u00a0\u00bb0&Prime; font_color=\u00a0\u00bb#a9a9a9&Prime;][vc_column width=\u00a0\u00bb1\/3&Prime;][\/vc_column][vc_column width=\u00a0\u00bb1\/3&Prime;][\/vc_column][vc_column width=\u00a0\u00bb1\/3&Prime;][\/vc_column][\/vc_row][vc_row footer_feature=\u00a0\u00bbyes\u00a0\u00bb padding_top=\u00a0\u00bb120&Prime; padding_bottom=\u00a0\u00bb120&Prime; margin_bottom=\u00a0\u00bb0&Prime;][vc_column width=\u00a0\u00bb1\/3&Prime;][vc_column_text] With this element you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-1145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amicaleggd91.fr\/index.php\/wp-json\/wp\/v2\/pages\/1145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amicaleggd91.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amicaleggd91.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amicaleggd91.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amicaleggd91.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1145"}],"version-history":[{"count":0,"href":"https:\/\/amicaleggd91.fr\/index.php\/wp-json\/wp\/v2\/pages\/1145\/revisions"}],"wp:attachment":[{"href":"https:\/\/amicaleggd91.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}