Progress bars and Charts

[vc_row content_placement=”top” enable_content_animation=”yes” ca_init_scale_x=”1″ ca_init_scale_y=”1″ ca_init_scale_z=”1″ ca_init_opacity=”0″ ca_an_scale_x=”1″ ca_an_scale_y=”1″ ca_an_scale_z=”1″ ca_an_opacity=”1″ css=”.vc_custom_1540305972182{padding-top: 95px !important;padding-bottom: 35px !important;}” ca_duration=”1200″ ca_delay=”150″ ca_init_translate_x=”-26″][vc_column offset=”vc_col-md-4″][ld_fancy_heading tag=”h2″ use_custom_fonts_title=”true” margin=”bottom_large:0px” fs=”36px” lh=”1.111em”]Progress Bars[/ld_fancy_heading][/vc_column][vc_column offset=”vc_col-md-offset-1 vc_col-md-7″][ld_progressbar size=”liquid-progressbar-lg” roundness=”liquid-progressbar-circle” label=”Web Design” count=”90″ suffix=”%” bar=”rgb(211, 169, 133)”][ld_progressbar size=”liquid-progressbar-lg” roundness=”liquid-progressbar-circle” label=”Graphic Design” count=”80″ suffix=”%” bar=”rgb(211, 169, 133)”][ld_progressbar size=”liquid-progressbar-lg” roundness=”liquid-progressbar-circle” label=”Typography” count=”85″ suffix=”%” bar=”rgb(211, 169, 133)”][/vc_column][/vc_row][vc_row content_placement=”top” enable_content_animation=”yes” ca_init_scale_x=”1″ ca_init_scale_y=”1″ ca_init_scale_z=”1″ ca_init_opacity=”0″ ca_an_scale_x=”1″ ca_an_scale_y=”1″ ca_an_scale_z=”1″ ca_an_opacity=”1″ css=”.vc_custom_1540305967853{padding-top: 45px !important;padding-bottom: 55px !important;}” ca_duration=”1200″ ca_delay=”150″ ca_init_translate_x=”-26″][vc_column offset=”vc_col-md-4″][ld_fancy_heading tag=”h2″ use_custom_fonts_title=”true” margin=”bottom_large:0px” fs=”36px” lh=”1.111em”]Progress Bars[/ld_fancy_heading][/vc_column][vc_column offset=”vc_col-md-offset-1 vc_col-md-7″][ld_progressbar label_position=”liquid-progressbar-values-inside” size=”liquid-progressbar-xl” roundness=”liquid-progressbar-circle” label=”Web Design” count=”60″ label_color=”rgb(255, 255, 255)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.03)” bar=”linear-gradient(90deg, #8987e2 0%, rgb(29, 225, 209) 100%)”][ld_progressbar label_position=”liquid-progressbar-values-inside” size=”liquid-progressbar-xl” roundness=”liquid-progressbar-circle” label=”Web Development” count=”90″ label_color=”rgb(255, 255, 255)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.03)” bar=”linear-gradient(90deg, #8987e2 0%, rgb(29, 225, 209) 100%)”][ld_progressbar label_position=”liquid-progressbar-values-inside” size=”liquid-progressbar-xl” roundness=”liquid-progressbar-circle” label=”Graphic Design” count=”75″ label_color=”rgb(255, 255, 255)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.03)” bar=”linear-gradient(90deg, #8987e2 0%, rgb(29, 225, 209) 100%)”][/vc_column][/vc_row][vc_row content_placement=”top” css=”.vc_custom_1540305999987{padding-top: 60px !important;padding-bottom: 100px !important;}”][vc_column offset=”vc_col-md-6″][ld_fancy_heading tag=”h2″ use_custom_fonts_title=”true” margin=”bottom_large:0px” fs=”36px” lh=”1.111em”]Progress Bars[/ld_fancy_heading][/vc_column][vc_column offset=”vc_col-md-3″][ld_spacer height=”25px”][ld_progressbar size=”liquid-progressbar-thick” percentage_shape=”round” label=”Graphic Design” count=”90″ label_color=”rgb(51, 51, 51)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.1)” bar=”rgb(53, 204, 98)” suffix=”%”][ld_spacer height=”1px”][ld_progressbar size=”liquid-progressbar-thick” percentage_shape=”round” label=”Graphic Design” count=”65″ label_color=”rgb(51, 51, 51)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.1)” bar=”rgb(53, 204, 98)” suffix=”%”][ld_spacer height=”1px”][ld_progressbar size=”liquid-progressbar-thick” percentage_shape=”round” label=”Graphic Design” count=”80″ label_color=”rgb(51, 51, 51)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.1)” bar=”rgb(53, 204, 98)” suffix=”%”][/vc_column][vc_column offset=”vc_col-md-3″][ld_spacer height=”25px”][ld_progressbar size=”liquid-progressbar-thick” percentage_shape=”round” label=”Graphic Design” count=”80″ label_color=”rgb(51, 51, 51)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.1)” bar=”rgb(53, 204, 98)” suffix=”%”][ld_spacer height=”1px”][ld_progressbar size=”liquid-progressbar-thick” percentage_shape=”round” label=”Graphic Design” count=”90″ label_color=”rgb(51, 51, 51)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.1)” bar=”rgb(53, 204, 98)” suffix=”%”][ld_spacer height=”1px”][ld_progressbar size=”liquid-progressbar-thick” percentage_shape=”round” label=”Graphic Design” count=”65″ label_color=”rgb(51, 51, 51)” count_color=”rgb(255, 255, 255)” background=”rgba(0, 0, 0, 0.1)” bar=”rgb(53, 204, 98)” suffix=”%”][/vc_column][/vc_row][vc_row full_height=”yes” equal_height=”yes” content_placement=”middle” css=”.vc_custom_1539864455460{margin-top: 80px !important;background-color: #060917 !important;}” responsive_css=”padding_top_medium:150px|padding_bottom_medium:150px”][vc_column enable_content_animation=”yes” ca_init_scale_x=”1″ ca_init_scale_y=”1″ ca_init_scale_z=”1″ ca_init_opacity=”0″ ca_an_scale_x=”1″ ca_an_scale_y=”1″ ca_an_scale_z=”1″ ca_an_opacity=”1″ offset=”vc_col-md-7″ ca_duration=”1600″ ca_delay=”160″ ca_init_translate_y=”89″ ca_init_rotate_x=”-10″ ca_start_delay=”400″][ld_fancy_heading tag=”h6″ use_custom_fonts_title=”true” color=”rgba(255, 255, 255, 0.746)” fs=”19px”]The fastest theme ever built.[/ld_fancy_heading][ld_spacer height=”15px”][ld_fancy_heading tag=”h2″ use_custom_fonts_title=”true” enable_fit=”true” minfontsize=”40″ fs=”53px” lh=”1.111em” fw=”500″ margin=”bottom_small:0.65em” color=”rgb(255, 255, 255)”]Don’t compromise the speed and efficiency. Next-generation  technologies, on demand loading and adaptive content deliver the maximum performance.[/ld_fancy_heading][ld_spacer height=”20px”][ld_button style=”btn-underlined” title=”Learn more” border=”border-thick” i_type=”fontawesome” i_add_icon=”true” i_icon_fontawesome=”fa fa-angle-right” color=”rgb(255, 255, 255)” fs=”18px” link=”url:%23|||” i_margin_left=”20px” ls=”0.025em” b_color=”rgba(255, 255, 255, 0.154)” h_b_color=”rgb(255, 255, 255)” hover_color=”rgb(255, 255, 255)”][/vc_column][vc_column enable_content_animation=”yes” ca_init_scale_x=”1″ ca_init_scale_y=”1″ ca_init_scale_z=”1″ ca_init_opacity=”0″ ca_an_scale_x=”1″ ca_an_scale_y=”1″ ca_an_scale_z=”1″ ca_an_opacity=”1″ align=”text-right” offset=”vc_col-md-5 vc_hidden-sm vc_hidden-xs” responsive_css=”padding_left_medium:8%25″ ca_duration=”1400″ ca_delay=”140″ ca_init_translate_y=”35″ ca_start_delay=”500″][vc_row_inner content_placement=”bottom” gap=”4″][vc_column_inner offset=”vc_col-md-8″][ld_fancy_heading tag=”h6″ enable_bg=”yes” fh_border_radius=”round” use_custom_fonts_title=”true” color=”rgb(0, 0, 0)” fs=”15px” lh=”1em” padding=”top_small:0.25em|right_small:0.5em|bottom_small:0.25em|left_small:0.5em” fh_bg=”rgb(255, 255, 255)”]A+[/ld_fancy_heading][ld_fancy_heading tag=”h6″ use_custom_fonts_title=”true” color=”rgb(255, 255, 255)” fs=”15px” lh=”1.5em”]Pingdom Score[/ld_fancy_heading][ld_spacer height=”30px”][/vc_column_inner][vc_column_inner offset=”vc_col-md-4″][ld_counter align=”left” bottom_margin=”0″ enable_gradient=”” enable_hover_gradient=”” use_custom_fonts_title=”true” count=”88″ fs=”100px” counter_color=”rgb(255, 255, 255)” start_delay=”300″][/vc_column_inner][vc_column_inner][ld_progressbar label_position=”liquid-progressbar-values-inside” number_hide=”liquid-progressbar-count-hide” size=”liquid-progressbar-custom” roundness=”liquid-progressbar-round” label=”According to GTmetrix” count=”100″ suffix=”2x Faster” label_color=”rgba(255, 255, 255, 0.606)” count_color=”rgb(255, 255, 255)” bar=”linear-gradient(65deg, rgb(230, 76, 76) 0.3184713375796178%, #bb2cfb 100%)” background=”rgba(255, 255, 255, 0.147)” margin=”top_small:0px|bottom_small:30px” vertical_height=”65px”][/vc_column_inner][/vc_row_inner][vc_row_inner content_placement=”middle” gap=”4″ css=”.vc_custom_1539860404191{padding-right: 10px !important;padding-left: 10px !important;}”][vc_column_inner offset=”vc_col-md-4″][ld_fancy_heading tag=”h6″ use_custom_fonts_title=”true” color=”rgb(255, 255, 255)” fs=”16px” lh=”1.5em” ls=”0.02em” margin=”top_small:0px|bottom_small:0px”]One Theme[/ld_fancy_heading][/vc_column_inner][vc_column_inner offset=”vc_col-md-8″][ld_progressbar size=”liquid-progressbar-lg” roundness=”liquid-progressbar-round” count=”100″ bar=”linear-gradient(65deg, rgb(230, 76, 76) 0%, rgb(239, 49, 250) 100%)” el_class=”mb-0 mt-0″ count_color=”rgba(255, 255, 255, 0)” background=”rgba(255, 255, 255, 0)”][/vc_column_inner][vc_column_inner][/vc_column_inner][vc_column_inner offset=”vc_col-md-4″][ld_fancy_heading tag=”h6″ use_custom_fonts_title=”true” color=”rgba(255, 255, 255, 0.45)” fs=”16px” lh=”1.5em” ls=”0.02em” margin=”top_small:0px|bottom_small:0px”]Other Themes[/ld_fancy_heading][/vc_column_inner][vc_column_inner offset=”vc_col-md-8″][ld_progressbar size=”liquid-progressbar-lg” roundness=”liquid-progressbar-round” count=”35″ bar=”rgb(24, 27, 32)” el_class=”mb-0 mt-0″ count_color=”rgba(255, 255, 255, 0)” background=”rgba(255, 255, 255, 0)”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row gap=”35″ css=”.vc_custom_1540306321934{margin-top: 110px !important;margin-bottom: 100px !important;}”][vc_column width=”1/4″][ld_progressbar enable_vertical=”ld-prgbr-circle” circular_thickness=”10″ line_cap=”square” label=”Circle Bar” count=”70″ circular_color=”#221eed” circular_color2=”#c10bea”][/vc_column][vc_column width=”1/4″][ld_progressbar enable_vertical=”ld-prgbr-circle” circular_thickness=”10″ line_cap=”square” label=”Circle Bar” count=”70″ circular_color=”#221eed” circular_color2=”#c10bea”][/vc_column][vc_column width=”1/4″][ld_progressbar enable_vertical=”ld-prgbr-circle” circular_thickness=”10″ line_cap=”square” label=”Circle Bar” count=”70″ circular_color=”#221eed” circular_color2=”#c10bea”][/vc_column][vc_column width=”1/4″][ld_progressbar enable_vertical=”ld-prgbr-circle” circular_thickness=”10″ line_cap=”square” label=”Circle Bar” count=”70″ circular_color=”#221eed” circular_color2=”#c10bea”][/vc_column][/vc_row][vc_row content_placement=”middle” css=”.vc_custom_1540306021969{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f7f7f7 !important;}”][vc_column offset=”vc_col-md-offset-1 vc_col-md-4″][vc_round_chart stroke_width=”2″][/vc_column][vc_column offset=”vc_col-md-offset-1 vc_col-md-4″][vc_line_chart 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”][/vc_column][/vc_row][vc_row css=”.vc_custom_1540306326348{margin-top: 100px !important;margin-bottom: 100px !important;}”][vc_column width=”1/2″][vc_line_chart type=”line” style=”modern” tooltips=”” x_values=”JAN; FEB; MAR; APR; MAY; JUN” values=”%5B%7B%22title%22%3A%22Option%201%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%22mulled-wine%22%2C%22custom_color%22%3A%22%23ea2e6d%22%7D%2C%7B%22title%22%3A%22Option%202%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%22blue%22%7D%5D” animation=”easeOutBack”][/vc_column][vc_column width=”1/2″][vc_line_chart type=”line” style=”modern” x_values=”OPT1; OPT2; OPT3; OPT4; OPT5; OPT6″ values=”%5B%7B%22title%22%3A%22Option%201%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%22vista-blue%22%7D%2C%7B%22title%22%3A%22Option%202%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%22turquoise%22%7D%5D”][/vc_column][/vc_row]
Botão Voltar ao topo