Circle Progress w/ Icon
We have redesigned circle progress bar to help you to show a circular bar that animates to the percent given. Great for showing a graph of skills or other data that you would like a visual representation for. It has built-in icon support as well.
[/vc_column_text][/vc_column][/vc_row][vc_row row_layout=”false” bg_position=”50% 0″ bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” video_type=”video-in” video_poster_position=”50% 0″ parallax_bg=”false” padding_bottom=”35″][vc_column width=”1/1″][vc_row_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”default” progress_val=”88″ progress_icon=”linr icon-diamond” head_text=”Cute Diamond” barthickness=”11″]Ut id nulla gravida, vulputate turpis non, ullamcorper diam. Nunc risus ante, rutrum sit amet diam a, aliquet porttitor libero. In hac habitasse platea dictumst.[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”blue #1BBBD1″ progress_val=”81″ progress_icon=”linr icon-lightbulb” head_text=”Great Ideas”]Ut id nulla gravida, vulputate turpis non, ullamcorper diam. In hac habitasse platea dictumst. Quisque tempus non velit non[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”light-red #F56566″ progress_val=”92″ progress_icon=”linr icon-food” head_text=”Cookie Time”]Nam et aliquet eros. Praesent a orci ligula. Fusce ultrices elit elit, non imperdiet eros suscipit at. Interdum et malesuada fames.[/ev_circle_progress][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”antique-brass #5D8AA8″ progress_val=”52″ progress_icon=”linr icon-fire” head_text=”Don’t Fire Yourself”]Ut mauris sapien, laoreet id erat non, tincidunt imperdiet nibh. Sed eleifend porttitor sapien, nec molestie augue ullamcorper ut.[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”bright-ube #ff4351″ progress_val=”96″ progress_icon=”linr icon-heart” head_text=”Make Love”]Ut mauris sapien, laoreet id erat non, quisque tempus non velit non mattis. Etiam bibendum interdum risus, ut cursus tellus .[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”bondi-blue #0095b6″ progress_val=”90″ progress_icon=”linr icon-comment” head_text=”Socialize”]Ut id nulla gravida nunc risus ante, rutrum sit amet diam a, aliquet porttitor libero. In hac habitasse platea dictumst. Quisque tempus non velit non[/ev_circle_progress][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_layout=”false” bg_position=”50% 50%” bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”false” video_type=”video-in” video_poster_position=”50% 0″ parallax_bg=”true” padding_bottom=”35″ type=”1″ bg_color=”#181818″][vc_column width=”1/1″][vc_column_text]We have redesigned circle progress bar to help you to show a circular bar that animates to the percent given. Great for showing a graph of skills or other data that you would like a visual representation for. It has built-in icon support as well.
[/vc_column_text][ev_gap height=”60″][vc_row_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”default” progress_val=”88″ progress_icon=”linr icon-diamond” head_text=”Cute Diamond” barthickness=”11″]Ut id nulla gravida, vulputate turpis non, ullamcorper diam. Nunc risus ante, rutrum sit amet diam a, aliquet porttitor libero. In hac habitasse platea dictumst.[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”blue #1BBBD1″ progress_val=”81″ progress_icon=”linr icon-lightbulb” head_text=”Great Ideas”]Ut id nulla gravida, vulputate turpis non, ullamcorper diam. In hac habitasse platea dictumst. Quisque tempus non velit non[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”white #fff” progress_val=”92″ progress_icon=”linr icon-food” head_text=”Cookie Time”]Nam et aliquet eros. Praesent a orci ligula. Fusce ultrices elit elit, non imperdiet eros suscipit at. Interdum et malesuada fames.[/ev_circle_progress][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”antique-brass #5D8AA8″ progress_val=”52″ progress_icon=”linr icon-fire” head_text=”Don’t Fire Yourself”]Ut mauris sapien, laoreet id erat non, tincidunt imperdiet nibh. Sed eleifend porttitor sapien, nec molestie augue ullamcorper ut.[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”bright-ube #ff4351″ progress_val=”96″ progress_icon=”linr icon-heart” head_text=”Make Love”]Ut mauris sapien, laoreet id erat non, quisque tempus non velit non mattis. Etiam bibendum interdum risus, ut cursus tellus .[/ev_circle_progress][/vc_column_inner][vc_column_inner width=”1/3″][ev_circle_progress progress_skin=”bondi-blue #0095b6″ progress_val=”90″ progress_icon=”linr icon-comment” head_text=”Socialize”]Ut id nulla gravida nunc risus ante, rutrum sit amet diam a, aliquet porttitor libero. In hac habitasse platea dictumst. Quisque tempus non velit non[/ev_circle_progress][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]