{"id":5493,"date":"2016-12-12T05:57:13","date_gmt":"2016-12-12T05:57:13","guid":{"rendered":"https:\/\/codezeel.com\/wordpress\/WCM01\/WCM010002\/WP1\/progress-bar-pie-chart\/"},"modified":"2016-12-12T05:57:13","modified_gmt":"2016-12-12T05:57:13","slug":"progress-bar-pie-chart","status":"publish","type":"page","link":"https:\/\/membri.be\/fr\/progress-bar-pie-chart\/","title":{"rendered":"Barre de progression et diagramme \u00e0 secteurs"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid vc_custom_1487832171084\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"shortcode-title center \"><h3 class=\"normal-title\" >Progress bar<\/h3><\/div><div class=\"vc_progress_bar wpb_content_element vc_custom_1520850471549\" ><div class=\"vc_general vc_single_bar\"><small class=\"vc_label\" style=\"color:#ffffff;\">Development<\/small><span class=\"vc_bar animated\" data-percentage-value=\"90\" data-value=\"90\" style=\"background-color:#0e1932;\"><\/span><\/div><div class=\"vc_general vc_single_bar\"><small class=\"vc_label\" style=\"color:#ffffff;\">Design<\/small><span class=\"vc_bar animated\" data-percentage-value=\"80\" data-value=\"80\" style=\"background-color:#0e1932;\"><\/span><\/div><div class=\"vc_general vc_single_bar\"><small class=\"vc_label\" style=\"color:#ffffff;\">Marketing<\/small><span class=\"vc_bar animated\" data-percentage-value=\"70\" data-value=\"70\" style=\"background-color:#0e1932;\"><\/span><\/div><div class=\"vc_general vc_single_bar\"><small class=\"vc_label\" style=\"color:#ffffff;\">Testing<\/small><span class=\"vc_bar animated\" data-percentage-value=\"83\" data-value=\"83\" style=\"background-color:#0e1932;\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1487830759488\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"shortcode-title center \"><h3 class=\"normal-title\" >Pie chart<\/h3><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div  class= \"vc_pie_chart wpb_content_element vc_custom_1487331830675\" data-pie-value=\"30\" data-pie-label-value=\"Analysis\" data-pie-units=\"30\" data-pie-color=\"#2196f3\"><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-color: #2196f3\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div  class= \"vc_pie_chart wpb_content_element vc_custom_1520850432563\" data-pie-value=\"80\" data-pie-label-value=\"Lorem Dolor\" data-pie-units=\"80\" data-pie-color=\"#0e1932\"><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-color: #0e1932\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div  class= \"vc_pie_chart wpb_content_element vc_custom_1487331764854\" data-pie-value=\"50\" data-pie-label-value=\"Plannning\" data-pie-units=\"50\" data-pie-color=\"#ffc301\"><div class=\"wpb_wrapper\"><div class=\"vc_pie_wrapper\"><span class=\"vc_pie_chart_back\" style=\"border-color: #ffc301\"><\/span><span class=\"vc_pie_chart_value\"><\/span><canvas width=\"101\" height=\"101\"><\/canvas><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1487830764981\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"shortcode-title center \"><h3 class=\"normal-title\" >Round chart<\/h3><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_custom_1483949998785\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-tooltips=\"1\" data-vc-animation=\"easeInOutCubic\" data-vc-stroke-color=\"#ebebeb\" data-vc-stroke-width=\"5\" data-vc-type=\"doughnut\" data-vc-values=\"[{&quot;value&quot;:30,&quot;color&quot;:&quot;#5472d2&quot;,&quot;highlight&quot;:&quot;#3c5ecc&quot;,&quot;label&quot;:&quot;Planning&quot;},{&quot;value&quot;:40,&quot;color&quot;:&quot;#fe6c61&quot;,&quot;highlight&quot;:&quot;#fe5043&quot;,&quot;label&quot;:&quot;Analysis&quot;},{&quot;value&quot;:40,&quot;color&quot;:&quot;#cec2ab&quot;,&quot;highlight&quot;:&quot;#c3b498&quot;,&quot;label&quot;:&quot;Design&quot;},{&quot;value&quot;:60,&quot;color&quot;:&quot;#f79468&quot;,&quot;highlight&quot;:&quot;#f57f4b&quot;,&quot;label&quot;:&quot;Coding&quot;},{&quot;value&quot;:20,&quot;color&quot;:&quot;#f7be68&quot;,&quot;highlight&quot;:&quot;#f5b14b&quot;,&quot;label&quot;:&quot;Testing&quot;}]\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<div class=\"vc_chart-with-legend\"><canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas><\/div><ul class=\"vc_chart-legend\"><li><span style=\"background-color:#5472d2\"><\/span>Planning<\/li><li><span style=\"background-color:#fe6c61\"><\/span>Analysis<\/li><li><span style=\"background-color:#cec2ab\"><\/span>Design<\/li><li><span style=\"background-color:#f79468\"><\/span>Coding<\/li><li><span style=\"background-color:#f7be68\"><\/span>Testing<\/li><\/ul>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-tooltips=\"1\" data-vc-animation=\"easeInOutCubic\" data-vc-stroke-color=\"#ebebeb\" data-vc-stroke-width=\"5\" data-vc-type=\"pie\" data-vc-values=\"[{&quot;value&quot;:30,&quot;color&quot;:&quot;#5472d2&quot;,&quot;highlight&quot;:&quot;#3c5ecc&quot;,&quot;label&quot;:&quot;Planning&quot;},{&quot;value&quot;:40,&quot;color&quot;:&quot;#fe6c61&quot;,&quot;highlight&quot;:&quot;#fe5043&quot;,&quot;label&quot;:&quot;Analysis&quot;},{&quot;value&quot;:40,&quot;color&quot;:&quot;#cec2ab&quot;,&quot;highlight&quot;:&quot;#c3b498&quot;,&quot;label&quot;:&quot;Design&quot;},{&quot;value&quot;:60,&quot;color&quot;:&quot;#f79468&quot;,&quot;highlight&quot;:&quot;#f57f4b&quot;,&quot;label&quot;:&quot;Coding&quot;},{&quot;value&quot;:20,&quot;color&quot;:&quot;#f7be68&quot;,&quot;highlight&quot;:&quot;#f5b14b&quot;,&quot;label&quot;:&quot;Testing&quot;}]\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<div class=\"vc_chart-with-legend\"><canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas><\/div><ul class=\"vc_chart-legend\"><li><span style=\"background-color:#5472d2\"><\/span>Planning<\/li><li><span style=\"background-color:#fe6c61\"><\/span>Analysis<\/li><li><span style=\"background-color:#cec2ab\"><\/span>Design<\/li><li><span style=\"background-color:#f79468\"><\/span>Coding<\/li><li><span style=\"background-color:#f7be68\"><\/span>Testing<\/li><\/ul>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1487331695618\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"shortcode-title center \"><h3 class=\"normal-title\" >Line chart<\/h3><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_custom_1483949759283\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_line-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutQuart\" data-vc-type=\"bar\" data-vc-values=\"{&quot;labels&quot;:[&quot;JAN&quot;,&quot; FEB&quot;,&quot; MAR&quot;,&quot; APR&quot;,&quot; MAY&quot;,&quot; JUN&quot;,&quot; JUL&quot;,&quot; AUG&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;One&quot;,&quot;fillColor&quot;:&quot;#0e1932&quot;,&quot;strokeColor&quot;:&quot;#0e1932&quot;,&quot;pointColor&quot;:&quot;#0e1932&quot;,&quot;pointStrokeColor&quot;:&quot;#0e1932&quot;,&quot;highlightFill&quot;:&quot;#03050a&quot;,&quot;highlightStroke&quot;:&quot;#03050a&quot;,&quot;pointHighlightFill&quot;:&quot;#03050a&quot;,&quot;pointHighlightStroke&quot;:&quot;#03050a&quot;,&quot;data&quot;:[&quot;10&quot;,&quot; 15&quot;,&quot; 20&quot;,&quot; 25&quot;,&quot; 27&quot;,&quot; 25&quot;,&quot; 23&quot;,&quot; 25&quot;]},{&quot;label&quot;:&quot;Two&quot;,&quot;fillColor&quot;:&quot;#b5b5b5&quot;,&quot;strokeColor&quot;:&quot;#b5b5b5&quot;,&quot;pointColor&quot;:&quot;#b5b5b5&quot;,&quot;pointStrokeColor&quot;:&quot;#b5b5b5&quot;,&quot;highlightFill&quot;:&quot;#9b9b9b&quot;,&quot;highlightStroke&quot;:&quot;#9b9b9b&quot;,&quot;pointHighlightFill&quot;:&quot;#9b9b9b&quot;,&quot;pointHighlightStroke&quot;:&quot;#9b9b9b&quot;,&quot;data&quot;:[&quot;25&quot;,&quot; 18&quot;,&quot; 16&quot;,&quot; 17&quot;,&quot; 20&quot;,&quot; 25&quot;,&quot; 30&quot;,&quot; 35&quot;]}]}\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<div class=\"vc_chart-with-legend\"><canvas class=\"vc_line-chart-canvas\" width=\"1\" height=\"1\"><\/canvas><\/div><ul class=\"vc_chart-legend\"><li><span style=\"background-color:#0e1932\"><\/span>One<\/li><li><span style=\"background-color:#b5b5b5\"><\/span>Two<\/li><\/ul>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_line-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-tooltips=\"1\" data-vc-animation=\"easeInOutCubic\" data-vc-type=\"line\" data-vc-values=\"{&quot;labels&quot;:[&quot;JAN&quot;,&quot; FEB&quot;,&quot; MAR&quot;,&quot; APR&quot;,&quot; MAY&quot;,&quot; JUN&quot;,&quot; JUL&quot;,&quot; AUG&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;One&quot;,&quot;fillColor&quot;:&quot;rgba(84, 114, 210, 0.1)&quot;,&quot;strokeColor&quot;:&quot;#5472d2&quot;,&quot;pointColor&quot;:&quot;#5472d2&quot;,&quot;pointStrokeColor&quot;:&quot;#5472d2&quot;,&quot;highlightFill&quot;:&quot;#3c5ecc&quot;,&quot;highlightStroke&quot;:&quot;#3c5ecc&quot;,&quot;pointHighlightFill&quot;:&quot;#3c5ecc&quot;,&quot;pointHighlightStroke&quot;:&quot;#3c5ecc&quot;,&quot;data&quot;:[&quot;10&quot;,&quot; 15&quot;,&quot; 20&quot;,&quot; 25&quot;,&quot; 27&quot;,&quot; 25&quot;,&quot; 23&quot;,&quot; 25&quot;]},{&quot;label&quot;:&quot;Two&quot;,&quot;fillColor&quot;:&quot;rgba(254, 108, 97, 0.1)&quot;,&quot;strokeColor&quot;:&quot;#fe6c61&quot;,&quot;pointColor&quot;:&quot;#fe6c61&quot;,&quot;pointStrokeColor&quot;:&quot;#fe6c61&quot;,&quot;highlightFill&quot;:&quot;#fe5043&quot;,&quot;highlightStroke&quot;:&quot;#fe5043&quot;,&quot;pointHighlightFill&quot;:&quot;#fe5043&quot;,&quot;pointHighlightStroke&quot;:&quot;#fe5043&quot;,&quot;data&quot;:[&quot;25&quot;,&quot; 18&quot;,&quot; 16&quot;,&quot; 17&quot;,&quot; 20&quot;,&quot; 25&quot;,&quot; 30&quot;,&quot; 35&quot;]}]}\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<div class=\"vc_chart-with-legend\"><canvas class=\"vc_line-chart-canvas\" width=\"1\" height=\"1\"><\/canvas><\/div><ul class=\"vc_chart-legend\"><li><span style=\"background-color:#5472d2\"><\/span>One<\/li><li><span style=\"background-color:#fe6c61\"><\/span>Two<\/li><\/ul>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Progress barDevelopmentDesignMarketingTestingPie chartRound chart PlanningAnalysisDesignCodingTesting PlanningAnalysisDesignCodingTesting Line chart OneTwo OneTwo","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress Bar &amp; Pie Chart - Membri<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/membri.be\/fr\/progress-bar-pie-chart\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress Bar &amp; Pie Chart - Membri\" \/>\n<meta property=\"og:url\" content=\"http:\/\/membri.be\/fr\/progress-bar-pie-chart\/\" \/>\n<meta property=\"og:site_name\" content=\"Membri\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/membri.be\/progress-bar-pie-chart\/\",\"url\":\"http:\/\/membri.be\/progress-bar-pie-chart\/\",\"name\":\"Progress Bar & Pie Chart - Membri\",\"isPartOf\":{\"@id\":\"http:\/\/membri.be\/#website\"},\"datePublished\":\"2016-12-12T05:57:13+00:00\",\"dateModified\":\"2016-12-12T05:57:13+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/membri.be\/progress-bar-pie-chart\/#breadcrumb\"},\"inLanguage\":\"fr-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/membri.be\/progress-bar-pie-chart\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/membri.be\/progress-bar-pie-chart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/membri.be\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progress Bar &#038; Pie Chart\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/membri.be\/#website\",\"url\":\"http:\/\/membri.be\/\",\"name\":\"Membri\",\"description\":\"Betaalbaar slaap- en zitcomfort\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/membri.be\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-BE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress Bar & Pie Chart - Membri","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/membri.be\/fr\/progress-bar-pie-chart\/","og_locale":"fr_FR","og_type":"article","og_title":"Progress Bar & Pie Chart - Membri","og_url":"http:\/\/membri.be\/fr\/progress-bar-pie-chart\/","og_site_name":"Membri","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture est.":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/membri.be\/progress-bar-pie-chart\/","url":"http:\/\/membri.be\/progress-bar-pie-chart\/","name":"Progress Bar & Pie Chart - Membri","isPartOf":{"@id":"http:\/\/membri.be\/#website"},"datePublished":"2016-12-12T05:57:13+00:00","dateModified":"2016-12-12T05:57:13+00:00","breadcrumb":{"@id":"http:\/\/membri.be\/progress-bar-pie-chart\/#breadcrumb"},"inLanguage":"fr-BE","potentialAction":[{"@type":"ReadAction","target":["http:\/\/membri.be\/progress-bar-pie-chart\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/membri.be\/progress-bar-pie-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/membri.be\/"},{"@type":"ListItem","position":2,"name":"Progress Bar &#038; Pie Chart"}]},{"@type":"WebSite","@id":"http:\/\/membri.be\/#website","url":"http:\/\/membri.be\/","name":"Membri","description":"Betaalbaar slaap- en zitcomfort","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/membri.be\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-BE"}]}},"_links":{"self":[{"href":"https:\/\/membri.be\/fr\/wp-json\/wp\/v2\/pages\/5493"}],"collection":[{"href":"https:\/\/membri.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/membri.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/membri.be\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/membri.be\/fr\/wp-json\/wp\/v2\/comments?post=5493"}],"version-history":[{"count":0,"href":"https:\/\/membri.be\/fr\/wp-json\/wp\/v2\/pages\/5493\/revisions"}],"wp:attachment":[{"href":"https:\/\/membri.be\/fr\/wp-json\/wp\/v2\/media?parent=5493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}