Bar Graph

[vc_row][vc_column width=”1/1″][vc_column_text]Fortuna WordPress Theme features a fully customizable Animated Bar Graph Element integrated within Visual Composer that lets you feature a percentage representation of a featured service, skill or anything really. Check some of this useful element’s features as well as some examples below.[/vc_column_text][boc_spacing height=”20px”][boc_heading html_element=”h4″ alignment=”left” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” background=”bgr_diagonal”]Features[/boc_heading][boc_spacing height=”20px”][vc_row_inner][vc_column_inner width=”1/2″][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Custom Color[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Line style (Thin or Thick)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]CSS Animated Background[/boc_list_item][/vc_column_inner][vc_column_inner width=”1/2″][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Percentage Bgr Style (Dark/Light)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Custom Text[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Custom Percentage Number[/boc_list_item][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type=”no_bg” parallax_style=”vcpb-default” bg_image_new=”22365″ bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”full” disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off”][vc_column width=”1/1″][boc_spacing height=”120px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ margin_bottom=”0px” subheading=”” margin_top=”12px” css_classes=”no_text_transform”]Bar Graphs[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#f4f4f4″ margin_top=”24px” margin_bottom=”24px” icon_position=”center” icon_color=”#eeeeee” icon_bg=”#ffffff” icon_bg_border=”#ffffff” icon_size=”14px” icon_padding=”8px”][/vc_column][/vc_row][vc_row][vc_column width=”5/12″][boc_bar_graph title=”Tools & Functionality” percent=”87″ custom_color=”yes” color=”#fdd74e” dark_percent=”” thin_style=”yes” animated_bgr=””][boc_bar_graph title=”Design & Cool Factor” percent=”91″ custom_color=”yes” color=”#f13c6e” dark_percent=”” thin_style=”yes” animated_bgr=””][boc_bar_graph title=”Customization Options” percent=”93″ custom_color=”yes” color=”#9ade11″ dark_percent=”yes” thin_style=”yes” animated_bgr=””][boc_bar_graph title=”Theme Support” percent=”85″ custom_color=”yes” dark_percent=”yes” thin_style=”yes” animated_bgr=”” color=”#4cbfbf”][/vc_column][vc_column width=”1/6″][/vc_column][vc_column width=”5/12″][boc_bar_graph title=”Theme Support” percent=”85″ custom_color=”” dark_percent=”” thin_style=”yes” animated_bgr=”” color=”#666666″][boc_bar_graph title=”Customization Options” percent=”93″ custom_color=”” dark_percent=”” thin_style=”yes” animated_bgr=”” color=”#666666″][boc_bar_graph title=”Design & Cool Factor” percent=”91″ custom_color=”” dark_percent=”” thin_style=”yes” animated_bgr=”” color=”#666666″][boc_bar_graph title=”Tools & Functionality” percent=”87″ custom_color=”” color=”#fdd74e” dark_percent=”” thin_style=”yes” animated_bgr=””][/vc_column][/vc_row][vc_row bg_type=”no_bg” parallax_style=”vcpb-default” bg_image_new=”22365″ bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”full” disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off”][vc_column width=”1/1″][boc_spacing height=”120px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ margin_bottom=”0px” subheading=”” margin_top=”12px” css_classes=”no_text_transform”]Bar Graphs[/boc_heading][boc_divider divider_width=”100px” divider_position=”center” divider_height=”1px” divider_color=”#f4f4f4″ margin_top=”24px” margin_bottom=”24px” icon_position=”center” icon_color=”#eeeeee” icon_bg=”#ffffff” icon_bg_border=”#ffffff” icon_size=”14px” icon_padding=”8px”][/vc_column][/vc_row][vc_row][vc_column width=”5/12″][boc_bar_graph title=”Tools & Functionality” percent=”87″ custom_color=”yes” color=”#fdd74e” dark_percent=”” thin_style=”” animated_bgr=”yes”][boc_bar_graph title=”Design & Cool Factor” percent=”91″ custom_color=”yes” color=”#f13c6e” dark_percent=”” thin_style=”” animated_bgr=”yes”][boc_bar_graph title=”Customization Options” percent=”93″ custom_color=”yes” color=”#9ade11″ dark_percent=”yes” thin_style=”yes” animated_bgr=”yes”][boc_bar_graph title=”Theme Support” percent=”85″ custom_color=”yes” dark_percent=”yes” thin_style=”yes” animated_bgr=”yes” color=”#4cbfbf”][/vc_column][vc_column width=”1/6″][/vc_column][vc_column width=”5/12″][boc_bar_graph title=”Theme Support” percent=”85″ custom_color=”” dark_percent=”yes” thin_style=”” animated_bgr=”” color=”#666666″][boc_bar_graph title=”Customization Options” percent=”93″ custom_color=”” dark_percent=”yes” thin_style=”” animated_bgr=”yes” color=”#666666″][boc_bar_graph title=”Design & Cool Factor” percent=”91″ custom_color=”” dark_percent=”” thin_style=”yes” animated_bgr=”” color=”#666666″][boc_bar_graph title=”Tools & Functionality” percent=”87″ custom_color=”” color=”#fdd74e” dark_percent=”yes” thin_style=”yes” animated_bgr=”yes”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”60px”][/vc_column][/vc_row]

Translate »
X
X