Skip to main content

Bars and charts

Progress bars

[vc_empty_space height=”25px”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%22100%22%2C%22color%22%3A%22blue%22%7D%5D” options=”striped” css=”.vc_custom_1442834884834{margin-bottom: 25px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22green%22%7D%5D” options=”striped,animated” css=”.vc_custom_1442834895462{margin-bottom: 25px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Post%20Production%22%2C%22value%22%3A%2245%22%2C%22color%22%3A%22turquoise%22%7D%5D” options=”striped”]

Pie Charts

[vc_empty_space height=”25px”]

Line Charts

[vc_empty_space height=”25px”]
[vc_line_chart style=”modern” legend=”” values=”%5B%7B%22title%22%3A%22Sales%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%22Money%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_line_chart type=”line” style=”modern” legend=”” values=”%5B%7B%22title%22%3A%22Sales%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%22Money%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”]

Round Charts

[vc_empty_space height=”25px”]
[vc_round_chart style=”modern” stroke_width=”5″ legend=”” values=”%5B%7B%22title%22%3A%22HTML%22%2C%22value%22%3A%2235%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22CSS%22%2C%22value%22%3A%2245%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22JavaScript%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22sandy-brown%22%2C%22custom_color%22%3A%22%23cec2ab%22%7D%5D”]
[vc_round_chart type=”doughnut” style=”modern” stroke_width=”5″ legend=”” values=”%5B%7B%22title%22%3A%22HTML%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22CSS%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22JavaScript%22%2C%22value%22%3A%2235%22%2C%22color%22%3A%22sandy-brown%22%2C%22custom_color%22%3A%22%23cec2ab%22%7D%5D”]
[vc_round_chart style=”modern” stroke_width=”5″ legend=”” values=”%5B%7B%22title%22%3A%22HTML%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22CSS%22%2C%22value%22%3A%2210%22%2C%22color%22%3A%22pink%22%7D%5D”]
Share