Progress Bar & Pie Chart

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;}»]

Pie chart

[vc_pie value=»30″ label_value=»Analysis» color=»custom» custom_color=»#2196f3″ css=».vc_custom_1487331830675{padding-top: 10px !important;}» units=»30″]
[vc_pie value=»80″ label_value=»Lorem Dolor» color=»custom» custom_color=»#0e1932″ css=».vc_custom_1520850432563{padding-top: 10px !important;}» units=»80″]
[vc_pie label_value=»Plannning» color=»custom» custom_color=»#ffc301″ css=».vc_custom_1487331764854{padding-top: 10px !important;}» units=»50″]

Round chart

[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_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»]

Line chart

[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_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»]
Top
X