Circle progress bars

[vc_row][vc_column width=”1/1″][vc_welcome1 title_font=” ” content_font=” “]

Simple circle charts or progress bars

Circle charts contain many settings, so you may customize them to your needs. You may set the bar color,  track color, chart width, data line width, value, type and description. Description can be put under the chart and can be edit using TinyMCE Advanced visual editor.

3 different types of content for circle charts are: icons, text or percent number. For each type you may set the font size and color.

[/vc_welcome1][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator separator_type=”tripple_dotted”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_circle_chart track_color=”#f1f1f1″ chart_width=”250″ line_width=”7″ type=”percent” icon=”no-icon” value=”90″ color=”#10b4c9″]

Circle with number

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ipsum dolor sit amet.

[/vc_circle_chart][/vc_column][vc_column width=”1/3″][vc_circle_chart color=”#10b4c9″ track_color=”#f1f1f1″ chart_width=”250″ line_width=”7″ type=”icon” icon=”heart” value=”75″]

Circle with icon

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ipsum dolor sit amet.

[/vc_circle_chart][/vc_column][vc_column width=”1/3″][vc_circle_chart color=”#10b4c9″ track_color=”#f1f1f1″ chart_width=”250″ line_width=”7″ type=”description” icon=”no-icon” description=”Wordpress” value=”80″]

Circle with description

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ipsum dolor sit amet.

[/vc_circle_chart][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_text_separator title=”Infinity Possibilities. Everything by click.” title_align=”separator_align_center” title_heading=”h3″ separator_type=”type2″ margin_top=”80″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_circle_chart color=”#10b4c9″ track_color=”#f1f1f1″ chart_width=”450″ line_width=”16″ type=”icon” icon=”infinity” value=”100″ icon_size=”120″][/vc_column][vc_column width=”1/2″][vc_row_inner][vc_column_inner width=”1/3″][vc_circle_chart color=”#5eabce” track_color=”#f1f1f1″ chart_width=”160″ line_width=”8″ type=”icon” icon=”pencil” value=”50″ icon_size=”30″][/vc_column_inner][vc_column_inner width=”1/3″][vc_circle_chart color=”#d84545″ track_color=”#f1f1f1″ chart_width=”160″ line_width=”8″ type=”icon” icon=”switch” value=”75″ icon_size=”30″][/vc_column_inner][vc_column_inner width=”1/3″][vc_circle_chart color=”#efab18″ track_color=”#f1f1f1″ chart_width=”160″ line_width=”8″ type=”icon” icon=”plus” value=”40″ icon_size=”30″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_circle_chart color=”#7a7979″ track_color=”#f1f1f1″ chart_width=”160″ line_width=”8″ type=”icon” icon=”trophy” value=”50″ icon_size=”30″][/vc_column_inner][vc_column_inner width=”1/3″][vc_circle_chart color=”#A0CE4E” track_color=”#f1f1f1″ chart_width=”160″ line_width=”8″ type=”icon” icon=”folder” value=”75″ icon_size=”30″][/vc_column_inner][vc_column_inner width=”1/3″][vc_circle_chart color=”#e471ed” track_color=”#f1f1f1″ chart_width=”160″ line_width=”8″ type=”icon” icon=”book” value=”40″ icon_size=”30″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]