[vc_row full_width=”stretch_row” min_height=”40″ min_height_units=”vh” cesis_content_effect=”cesis_row_e_fade_stick” cesis_content_effect_depth=”0.7″ content_placement=”middle” css=”.vc_custom_1508304206562{margin-bottom: 0px !important;border-bottom-width: 1px !important;padding-top: 160px !important;padding-bottom: 160px !important;border-bottom-color: #ebebeb !important;border-bottom-style: solid !important;}”][vc_column][vc_custom_heading text=”Circular progress bars” font_container=”tag:h1|font_size:36|text_align:center” text_resize=”yes” text_minimum=”22″ use_theme_fonts=”yes” css=”.vc_custom_1508258090378{margin-bottom: 15px !important;}”][vc_column_text font_size=”18px” line_height=”1.9em” max_width=”800px” el_class=”cesis_line_d_center” css=”.vc_custom_1508258129930{margin-bottom: 0px !important;}”]
The circular progress bars provide you with a beautiful and visually-compelling way to display a single statistic. As you scroll down, circle graph fills to the percentage based location.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1508258594406{padding-top: 80px !important;}”][vc_column][vc_custom_heading text=”Unlimited possibilites” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]With the circular progress bar you can modify everything, the bar color, use a gradient if you want, change the content, use icon for example, you can also modify the size of every part of the element. We will show some example below.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1508258572535{padding-top: 0px !important;padding-bottom: 60px !important;}”][vc_column width=”1/4″ css=”.vc_custom_1508258149131{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ bar_color=”#69d2e7″ track_color=”#f4f4f4″ text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258154034{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar bar_color=”#69d2e7″ track_color=”#f4f4f4″ text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258158514{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”70″ bar_color=”#69d2e7″ track_color=”#f4f4f4″ text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258164445{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”90″ bar_color=”#69d2e7″ track_color=”#f4f4f4″ text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][/vc_row][vc_row full_width=”stretch_row” min_height=”350″ parallax=”cesis_parallax” parallax_image=”7578″ cesis_parallax_speed=”1.3″ content_placement=”middle” css=”.vc_custom_1508259839220{padding-top: 60px !important;padding-bottom: 60px !important;background-color: #2b2b2b !important;}”][vc_column width=”1/4″ css=”.vc_custom_1508258149131{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ canvas_size=”220″ bar_size=”10″ track_size=”4″ bar_color=”#69d2e7″ track_color=”rgba(0,0,0,0.6)” content_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″ number_color=””][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258154034{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar canvas_size=”220″ bar_size=”10″ track_size=”4″ bar_color=”#69d2e7″ track_color=”rgba(0,0,0,0.6)” content_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″ number_color=””][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258158514{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”70″ canvas_size=”220″ bar_size=”10″ track_size=”4″ bar_color=”#69d2e7″ track_color=”rgba(0,0,0,0.6)” content_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″ number_color=””][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258164445{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”90″ canvas_size=”220″ bar_size=”10″ track_size=”4″ bar_color=”#69d2e7″ track_color=”rgba(0,0,0,0.6)” content_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″ number_color=””][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1508258740568{padding-top: 60px !important;padding-bottom: 60px !important;background-color: #f4f4f4 !important;}”][vc_column width=”1/4″ css=”.vc_custom_1508258149131{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ canvas_size=”200″ bar_size=”6″ track_size=”14″ linecap=”round” bar_color=”#69d2e7″ track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258154034{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar canvas_size=”200″ bar_size=”6″ track_size=”14″ linecap=”round” bar_color=”#69d2e7″ track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258158514{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”70″ canvas_size=”200″ bar_size=”6″ track_size=”14″ linecap=”round” bar_color=”#69d2e7″ track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258164445{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”90″ canvas_size=”200″ bar_size=”6″ track_size=”14″ linecap=”round” bar_color=”#69d2e7″ track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][/vc_row][vc_row css=”.vc_custom_1508258594406{padding-top: 80px !important;}”][vc_column][vc_custom_heading text=”Play with the colors, size and content” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]With the circular progress bar you can modify everything, the bar color, use a gradient if you want, change the content, use icon for example, you can also modify the size of every part of the element. We will show some example below.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1508258572535{padding-top: 0px !important;padding-bottom: 60px !important;}”][vc_column width=”1/4″ css=”.vc_custom_1508258149131{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ bar_size=”10″ linecap=”round” bar_color=”#69d2e7″ bar_alt_color=”#0da0de” track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258154034{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar bar_size=”10″ linecap=”round” bar_color=”#6981e7″ bar_alt_color=”#57e0fd” track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258158514{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”70″ bar_size=”10″ linecap=”round” bar_color=”#69d2e7″ bar_alt_color=”#bdfb74″ track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258164445{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”90″ bar_size=”10″ linecap=”round” bar_color=”#bdfb74″ bar_alt_color=”#81d742″ track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” content_placement=”middle” css=”.vc_custom_1508260655698{border-top-width: 1px !important;border-bottom-width: 1px !important;padding-top: 60px !important;padding-bottom: 60px !important;border-top-color: #ebebeb !important;border-top-style: solid !important;border-bottom-color: #ebebeb !important;border-bottom-style: solid !important;}”][vc_column width=”1/3″ css=”.vc_custom_1508258149131{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ canvas_size=”160″ bar_size=”6″ track_size=”14″ linecap=”round” content_type=”text” custom_text=”We” bar_color=”#dd3333″ bar_alt_color=”#f47038″ track_color=”#f4f4f4″ text_font=”alt_font” text_f_weight=”600″][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1508258154034{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”95″ canvas_size=”260″ track_size=”16″ content_type=”icon” i_size=”35″ use_gradient=”yes” use_shape=”yes” i_bg_size=”90″ bar_color=”#dd3333″ bar_alt_color=”#f47038″ track_color=”#f4f4f4″ icon_color=”#ffffff” icon_bg_color=”#dd3333″ icon_alt_bg_color=”#f47038″ h_icon_color=”#ffffff” h_icon_bg_color=”#dd3333″ h_icon_alt_bg_color=”#f47038″ icon=”fa-heart3″][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1508258158514{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”70″ canvas_size=”160″ bar_size=”6″ track_size=”14″ linecap=”round” content_type=”text” custom_text=”Cesis” bar_color=”#dd3333″ bar_alt_color=”#f47038″ track_color=”#f4f4f4″ text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][/vc_row][vc_row css=”.vc_custom_1508260808955{padding-top: 60px !important;padding-bottom: 60px !important;}”][vc_column width=”1/4″ css=”.vc_custom_1508258149131{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ bar_size=”10″ speed=”12″ content_type=”text” custom_text=”Use” bar_color=”#69d2e7″ bar_alt_color=”#0da0de” track_color=”#ffffff” text_font=”alt_font” text_f_size=”16px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258154034{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ bar_size=”10″ content_type=”text” custom_text=”Custom” bar_color=”#69d2e7″ bar_alt_color=”#0da0de” track_color=”#ffffff” text_font=”alt_font” text_f_size=”16px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258158514{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ bar_size=”10″ speed=”8″ content_type=”text” custom_text=”Fill” bar_color=”#69d2e7″ bar_alt_color=”#0da0de” track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1508258164445{padding-top: 20px !important;padding-bottom: 20px !important;}”][cesis_circular_progress_bar percentage=”75″ bar_size=”10″ speed=”6″ content_type=”text” custom_text=”Speed” bar_color=”#69d2e7″ bar_alt_color=”#0da0de” track_color=”#ffffff” text_font=”alt_font” text_f_size=”22px” text_f_weight=”600″][/vc_column][/vc_row][vc_row full_width=”stretch_row” min_height=”40″ min_height_units=”vh” parallax=”cesis_parallax” parallax_image=”10357″ cesis_parallax_speed=”1.2″ content_placement=”middle” css=”.vc_custom_1526222074036{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #01020a !important;}”][vc_column][vc_custom_heading text=”Cesis Will Definitely Make
Your Life Easier” font_container=”tag:h2|font_size:40px|text_align:center|color:%23ffffff|line_height:1.25″ text_resize=”yes” text_minimum=”28″ use_theme_fonts=”yes” css_animation=”fadeIn” css=”.vc_custom_1526222098006{margin-bottom: 20px !important;}”][cesis_button button_text=”Purchase Cesis” link=”https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam” target=”_blank” button_pos=”center” button_size=”cesis_button_custom” button_width=”160px” button_height=”48px” button_border=”1″ button_radius=”4″ css_animation=”fadeInUp” delay=”200″ button_text_color=”#ffffff” button_bg_color=”rgba(255,255,255,0.01)” button_border_color=”#ffffff” h_button_text_color=”#ffffff” h_button_bg_color=”#1d222b” h_button_border_color=”#1d222b” button_f_size=”15px” button_f_weight=”500″ button_t_transform=”none”][/vc_column][/vc_row]