1.0Demo Sitehttps://demomarker.taskshala.comcshttps://demomarker.taskshala.com/index.php/author/cs/rich600338<blockquote class="wp-embedded-content"><a href="https://demomarker.taskshala.com/index.php/progress-bar-pie-chart/">Progress Bar & Pie Chart</a></blockquote> <script type='text/javascript'> <!--//--><![CDATA[//><!-- /*! This file is auto-generated */ !function(d,l){"use strict";var e=!1,n=!1;if(l.querySelector)if(d.addEventListener)e=!0;if(d.wp=d.wp||{},!d.wp.receiveEmbedMessage)if(d.wp.receiveEmbedMessage=function(e){var t=e.data;if(t)if(t.secret||t.message||t.value)if(!/[^a-zA-Z0-9]/.test(t.secret)){for(var r,i,a,s=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),n=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),o=new RegExp("^https?:$","i"),c=0;c<n.length;c++)n[c].style.display="none";for(c=0;c<s.length;c++)if(r=s[c],e.source===r.contentWindow){if(r.removeAttribute("style"),"height"===t.message){if(1e3<(a=parseInt(t.value,10)))a=1e3;else if(~~a<200)a=200;r.height=a}if("link"===t.message)if(i=l.createElement("a"),a=l.createElement("a"),i.href=r.getAttribute("src"),a.href=t.value,o.test(a.protocol))if(a.host===i.host)if(l.activeElement===r)d.top.location.href=t.value}}},e)d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",t,!1),d.addEventListener("load",t,!1);function t(){if(!n){n=!0;for(var e,t,r=-1!==navigator.appVersion.indexOf("MSIE 10"),i=!!navigator.userAgent.match(/Trident.*rv:11\./),a=l.querySelectorAll("iframe.wp-embedded-content"),s=0;s<a.length;s++){if(!(e=a[s]).getAttribute("data-secret"))t=Math.random().toString(36).substr(2,10),e.src+="#?secret="+t,e.setAttribute("data-secret",t);if(r||i)(t=e.cloneNode(!0)).removeAttribute("security"),e.parentNode.replaceChild(t,e)}}}}(window,document); //--><!]]> </script><iframe sandbox="allow-scripts" security="restricted" src="https://demomarker.taskshala.com/index.php/progress-bar-pie-chart/embed/" width="600" height="338" title="“Progress Bar & Pie Chart” — Demo Site" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe>[vc_row css=”.vc_custom_1487832171084{margin-bottom: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;}”][vc_column][title title=”Progress bar”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Testing%22%2C%22value%22%3A%2283%22%7D%5D” bgcolor=”custom” options=”animated” css_animation=”none” custombgcolor=”#0e1932″ customtxtcolor=”#ffffff” css=”.vc_custom_1520850471549{padding-top: 10px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1487830759488{margin-bottom: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;}”][vc_column][title title=”Pie chart”][vc_row_inner][vc_column_inner width=”1/3″][vc_pie value=”30″ label_value=”Analysis” color=”custom” custom_color=”#2196f3″ css=”.vc_custom_1487331830675{padding-top: 10px !important;}” units=”30″][/vc_column_inner][vc_column_inner width=”1/3″][vc_pie value=”80″ label_value=”Lorem Dolor” color=”custom” custom_color=”#0e1932″ css=”.vc_custom_1520850432563{padding-top: 10px !important;}” units=”80″][/vc_column_inner][vc_column_inner width=”1/3″][vc_pie label_value=”Plannning” color=”custom” custom_color=”#ffc301″ css=”.vc_custom_1487331764854{padding-top: 10px !important;}” units=”50″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1487830764981{margin-bottom: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;}”][vc_column][title title=”Round chart”][vc_row_inner css=”.vc_custom_1483949998785{padding-top: 10px !important;}”][vc_column_inner width=”1/2″][vc_round_chart type=”doughnut” stroke_width=”5″ stroke_color=”grey” values=”%5B%7B%22title%22%3A%22Planning%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Analysis%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22chino%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2260%22%2C%22color%22%3A%22sandy-brown%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22orange%22%7D%5D”][/vc_column_inner][vc_column_inner width=”1/2″][vc_round_chart stroke_width=”5″ stroke_color=”grey” values=”%5B%7B%22title%22%3A%22Planning%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Analysis%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22chino%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2260%22%2C%22color%22%3A%22sandy-brown%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22orange%22%7D%5D”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1487331695618{margin-bottom: 30px !important;padding-top: 30px !important;padding-bottom: 20px !important;}”][vc_column][title title=”Line chart”][vc_row_inner css=”.vc_custom_1483949759283{padding-top: 10px !important;}”][vc_column_inner width=”1/2″][vc_line_chart style=”custom” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%230e1932%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23b5b5b5%22%7D%5D” animation=”easeOutQuart”][/vc_column_inner][vc_column_inner width=”1/2″][vc_line_chart type=”line” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22pink%22%7D%5D”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]