Progress bars and Pie charts

[vc_row][vc_column][vc_column_text]

You can easy add progress bars and pie charts to any of your pages or posts with our special Visual Page Builder elements/shortcodes Pie Chart, Progress Bar

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title=”Line chart” subtitle=”Examples”][/vc_column][/vc_row][vc_row css=”.vc_custom_1426070943019{margin-bottom: 80px !important;}” row_fullwidth=”0″ row_fullwidth_bg=”0″ row_parallax_bg=”0″][vc_column width=”1/3″][vc_line_chart 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][vc_column width=”1/3″][vc_line_chart type=”line” style=”modern” 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%2C%7B%22title%22%3A%22Three%22%2C%22y_values%22%3A%2217%3B%202%3B%2011%3B%2025%3B%2020%3B%208%3B%2022%3B%2020%22%2C%22color%22%3A%22peacoc%22%2C%22custom_color%22%3A%22%23f4524d%22%7D%5D” animation=”easeOutBounce”][/vc_column][vc_column width=”1/3″][vc_line_chart style=”modern” 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%2012%3B%2011%3B%2010%3B%2015%3B%2025%3B%2026%3B%2035%22%2C%22color%22%3A%22vista-blue%22%7D%5D” animation=”easeOutSine”][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title=”Round chart” subtitle=”Examples”][/vc_column][/vc_row][vc_row css=”.vc_custom_1426070943019{margin-bottom: 80px !important;}” row_fullwidth=”0″ row_fullwidth_bg=”0″ row_parallax_bg=”0″][vc_column width=”1/3″][vc_round_chart stroke_width=”2″][/vc_column][vc_column width=”1/3″][vc_round_chart type=”doughnut” style=”modern” stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23ff9900%22%7D%5D” animation=”easeOutQuart”][/vc_column][vc_column width=”1/3″][vc_round_chart type=”doughnut” stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%236dab3c%22%7D%2C%7B%22title%22%3A%22Four%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22grey%22%2C%22custom_color%22%3A%22%2300c1cf%22%7D%2C%7B%22title%22%3A%22Five%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%235aa1e3%22%7D%5D” animation=”easeOutElastic”][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title=”Progress bar” subtitle=”Examples”][vc_progress_bar][vc_progress_bar bgcolor=”bar_green” options=”striped” units=”%”][vc_progress_bar bgcolor=”bar_red” options=”striped,animated” units=”px”][/vc_column][/vc_row][vc_row][vc_column][mgt_header_block_wp title=”Pie Chart” subtitle=”Examples”][/vc_column][/vc_row][vc_row css=”.vc_custom_1426070943019{margin-bottom: 80px !important;}” row_fullwidth=”0″ row_fullwidth_bg=”0″ row_parallax_bg=”0″][vc_column width=”1/3″][vc_pie label_value=”Job done” color=”btn-danger”][/vc_column][vc_column width=”1/3″][vc_pie value=”90″ label_value=”Size” color=”btn-success”][/vc_column][vc_column width=”1/3″][vc_pie value=”40″ label_value=”Sold” color=”btn-warning”][/vc_column][/vc_row]