Bar Graph

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.

[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”]
[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]
[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]
[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”]
[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”]
[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=””]
[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”]
[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”]
[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”]
[boc_spacing height=”60px”]