Progress Bar & Pie Chart

Spread the love

[vc_row css=“.vc_custom_1487832171084{margin-bottom: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;}“][vc_column][title]Progress bar[/title][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]Pie Chart[/title][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]Round Chart[/title][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]Line Chart[/title][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%231f4c94%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“][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]