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]