mayo 4, 2015

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»]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *