{"id":1145,"date":"2015-06-27T11:23:06","date_gmt":"2015-06-27T11:23:06","guid":{"rendered":"https:\/\/www.casecraftlegal.com\/?page_id=1145"},"modified":"2015-06-27T11:23:06","modified_gmt":"2015-06-27T11:23:06","slug":"bars-pie-charts","status":"publish","type":"page","link":"https:\/\/www.casecraftlegal.com\/?page_id=1145","title":{"rendered":"Bars &amp; Pie Charts"},"content":{"rendered":"<p>[vc_row header_feature=&#8221;yes&#8221; padding_top=&#8221;120&#8243; padding_bottom=&#8221;120&#8243; margin_bottom=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;]<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=&#8221;2\/3&#8243;]<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=&#8221;orange&#8221; bg_type=&#8221;image&#8221; bg_image_type=&#8221;parallax&#8221; color_overlay=&#8221;dark&#8221; opacity_overlay=&#8221;60&#8243; bg_image=&#8221;5698&#8243; padding_top=&#8221;70&#8243; padding_bottom=&#8221;70&#8243; margin_bottom=&#8221;0&#8243; font_color=&#8221;#a9a9a9&#8243;][vc_column width=&#8221;1\/3&#8243;]<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=&#8221;1\/3&#8243;]<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=&#8221;1\/3&#8243;]<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=&#8221;yes&#8221; padding_top=&#8221;120&#8243; padding_bottom=&#8221;120&#8243; margin_bottom=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;]<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=&#8221;2\/3&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]<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=&#8221;1\/2&#8243;]<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","protected":false},"excerpt":{"rendered":"<p>[vc_row header_feature=&#8221;yes&#8221; padding_top=&#8221;120&#8243; padding_bottom=&#8221;120&#8243; margin_bottom=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;][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=&#8221;2\/3&#8243;][\/vc_column][\/vc_row][vc_row heading_color=&#8221;orange&#8221; bg_type=&#8221;image&#8221; bg_image_type=&#8221;parallax&#8221; color_overlay=&#8221;dark&#8221; opacity_overlay=&#8221;60&#8243; bg_image=&#8221;5698&#8243; padding_top=&#8221;70&#8243; padding_bottom=&#8221;70&#8243; margin_bottom=&#8221;0&#8243; font_color=&#8221;#a9a9a9&#8243;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row footer_feature=&#8221;yes&#8221; padding_top=&#8221;120&#8243; padding_bottom=&#8221;120&#8243; margin_bottom=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;][vc_column_text] With this element you [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.casecraftlegal.com\/index.php?rest_route=\/wp\/v2\/pages\/1145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.casecraftlegal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.casecraftlegal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.casecraftlegal.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.casecraftlegal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1145"}],"version-history":[{"count":0,"href":"https:\/\/www.casecraftlegal.com\/index.php?rest_route=\/wp\/v2\/pages\/1145\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.casecraftlegal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}