Elements Part 5
[vc_row padding_top=”100″ padding_bottom=”25″][vc_column][vc_custom_heading text=”PROGRESS BARS” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” google_fonts=”font_family:Raleway%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” el_class=”ninzio-custom-heading”]
Show animated progress with progress bar element. You can change color, background color for each bar element. You can place element into any size of column.
[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=”25″ padding_bottom=”75″][vc_column width=”1/2″]
Show animated progress with circle progress bar element. You can change color, background color for each bar element. You can choose column for circle progress element.
[/vc_column_text][/vc_column][/vc_row][vc_row padding_bottom=”0″][vc_column]
VISUAL COMPOSER
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
GREAT SUPPORT
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
REPAIRING SERVICES
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
UNLIMITED DEMOS
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
Show animated progress with icon progress bar element. You can change color, background color for each icon bar element. You can place element into any size of column.
[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=”25″ padding_bottom=”75″][vc_column width=”1/2″]
[/vc_column][vc_column width=”1/2″] [/vc_column][/vc_row][vc_row background_color=”#272e35″ background_image=”6520″ background_position=”Center center” background_attachment=”fixed” padding_top=”150″ padding_bottom=”100″][vc_column extra_class=”no-padding” pl=”250″ pr=”250″][vc_custom_heading text=”TIMER ELEMENT” font_container=”tag:h2|font_size:46px|text_align:center|color:%23ffffff|line_height:56px” google_fonts=”font_family:Raleway%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal” el_class=”ninzio-custom-heading”]- 00
Days
- 00
Hours
- 00
Minutes
- 00
Seconds
Show information in graphics with animated chart elements. You can change color, background color for each chart element. You can place element into any size of column.
[/vc_column_text][/vc_column][/vc_row][vc_row background_color=”#f5f5f5″ padding_top=”25″ padding_bottom=”75″][vc_column width=”1/3″][vc_round_chart stroke_width=”2″ legend=”” values=”%5B%7B%22title%22%3A%22Video%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22Audio%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22Photo%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22green%22%7D%5D”][/vc_column][vc_column width=”1/3″][vc_line_chart legend=”” values=”%5B%7B%22title%22%3A%22Video%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%22turquoise%22%7D%2C%7B%22title%22%3A%22Audio%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%22orange%22%7D%2C%7B%22title%22%3A%22Photo%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%22green%22%7D%5D”][/vc_column][vc_column width=”1/3″][vc_round_chart type=”doughnut” style=”modern” stroke_width=”2″ legend=”” values=”%5B%7B%22title%22%3A%22Video%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Audio%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22Photo%22%2C%22value%22%3A%2250%22%2C%22color%22%3A%22violet%22%7D%5D”][/vc_column][/vc_row]