{"id":22444,"date":"2015-05-04T10:47:54","date_gmt":"2015-05-04T10:47:54","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/fortuna_export\/?page_id=22444"},"modified":"2015-05-04T10:47:54","modified_gmt":"2015-05-04T10:47:54","slug":"bar-graph","status":"publish","type":"page","link":"https:\/\/www.formeset.co.za\/index.php\/bar-graph\/","title":{"rendered":"Bar Graph"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]Fortuna WordPress Theme features a fully customizable Animated Bar Graph\u00a0Element integrated within\u00a0Visual Composer that lets you feature a percentage representation of a featured service, skill or anything really. Check some of this useful element&#8217;s features as well as some examples below.[\/vc_column_text]<div class=\"boc_spacing \" style=\"height: 20px\"><\/div><h4 class=\"boc_heading  al_left  bgr_diagonal  \"  style=\"margin-bottom: 20px;margin-top: 0px;color: #333333;\"><span>Features<\/span><\/h4><div class=\"boc_spacing \" style=\"height: 20px\"><\/div>[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"boc_list_item  \"  style=\"margin-bottom: 10px;\">\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon icon-check2\" style=\"\"><\/i><\/span>\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Custom Color<\/div>\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  style=\"margin-bottom: 10px;\">\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon icon-check2\" style=\"\"><\/i><\/span>\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Line style (Thin\u00a0or\u00a0Thick)<\/div>\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  style=\"margin-bottom: 10px;\">\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon icon-check2\" style=\"\"><\/i><\/span>\n\t\t\t\t\t<div class=\"boc_list_item_text small\">CSS Animated Background<\/div>\n\t\t\t\t   <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"boc_list_item  \"  style=\"margin-bottom: 10px;\">\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon icon-check2\" style=\"\"><\/i><\/span>\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Percentage Bgr Style (Dark\/Light)<\/div>\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  style=\"margin-bottom: 10px;\">\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon icon-check2\" style=\"\"><\/i><\/span>\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Custom Text<\/div>\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  style=\"margin-bottom: 10px;\">\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon icon-check2\" style=\"\"><\/i><\/span>\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Custom Percentage Number<\/div>\n\t\t\t\t   <\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_type=&#8221;no_bg&#8221; parallax_style=&#8221;vcpb-default&#8221; bg_image_new=&#8221;22365&#8243; bg_image_repeat=&#8221;no-repeat&#8221; bg_image_size=&#8221;cover&#8221; bg_img_attach=&#8221;scroll&#8221; parallax_sense=&#8221;30&#8243; animation_direction=&#8221;left-animation&#8221; animation_repeat=&#8221;repeat&#8221; video_opts=&#8221;&#8221; viewport_vdo=&#8221;off&#8221; enable_controls=&#8221;off&#8221; bg_override=&#8221;full&#8221; disable_on_mobile_img_parallax=&#8221;off&#8221; parallax_content_sense=&#8221;30&#8243; fadeout_start_effect=&#8221;30&#8243; overlay_pattern_opacity=&#8221;80&#8243; overlay_pattern_attachment=&#8221;fixed&#8221; multi_color_overlay=&#8221;&#8221; multi_color_overlay_opacity=&#8221;60&#8243; seperator_type=&#8221;none_seperator&#8221; seperator_position=&#8221;top_seperator&#8221; seperator_shape_size=&#8221;40&#8243; seperator_svg_height=&#8221;60&#8243; seperator_shape_background=&#8221;#ffffff&#8221; seperator_shape_border=&#8221;none&#8221; seperator_shape_border_width=&#8221;1&#8243; ult_hide_row_large_screen=&#8221;off&#8221; ult_hide_row_desktop=&#8221;off&#8221; ult_hide_row_tablet=&#8221;off&#8221; ult_hide_row_tablet_small=&#8221;off&#8221; ult_hide_row_mobile=&#8221;off&#8221; ult_hide_row_mobile_large=&#8221;off&#8221;][vc_column width=&#8221;1\/1&#8243;]<div class=\"boc_spacing \" style=\"height: 120px\"><\/div><h3 class=\"boc_heading no_text_transform center  \"  style=\"margin-bottom: 0px;margin-top: 12px;color: #333333;\"><span>Bar <strong>Graphs<\/strong><\/span><\/h3><div class=\"boc_divider_holder\"><div class=\"boc_divider  \"  style=\"margin-top: 24px;margin-bottom: 24px;width: 60px;margin-left: auto; margin-right: auto;height: 1px;background: #f4f4f4;\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;5\/12&#8243;]\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\n\n\t\t\t<p>Tools &amp; Functionality<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #fdd74e;\" data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\n\n\t\t\t<p>Design &amp; Cool Factor<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #f13c6e;\" data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style dark_percent\">\n\n\t\t\t<p>Customization Options<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #9ade11;\" data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style dark_percent\">\n\n\t\t\t<p>Theme Support<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #4cbfbf;\" data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\n\n\t\t<\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\n\n\t\t\t<p>Theme Support<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\n\n\t\t\t<p>Customization Options<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\n\n\t\t\t<p>Design &amp; Cool Factor<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\n\n\t\t\t<p>Tools &amp; Functionality<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\n\n\t\t<\/div>[\/vc_column][\/vc_row][vc_row bg_type=&#8221;no_bg&#8221; parallax_style=&#8221;vcpb-default&#8221; bg_image_new=&#8221;22365&#8243; bg_image_repeat=&#8221;no-repeat&#8221; bg_image_size=&#8221;cover&#8221; bg_img_attach=&#8221;scroll&#8221; parallax_sense=&#8221;30&#8243; animation_direction=&#8221;left-animation&#8221; animation_repeat=&#8221;repeat&#8221; video_opts=&#8221;&#8221; viewport_vdo=&#8221;off&#8221; enable_controls=&#8221;off&#8221; bg_override=&#8221;full&#8221; disable_on_mobile_img_parallax=&#8221;off&#8221; parallax_content_sense=&#8221;30&#8243; fadeout_start_effect=&#8221;30&#8243; overlay_pattern_opacity=&#8221;80&#8243; overlay_pattern_attachment=&#8221;fixed&#8221; multi_color_overlay=&#8221;&#8221; multi_color_overlay_opacity=&#8221;60&#8243; seperator_type=&#8221;none_seperator&#8221; seperator_position=&#8221;top_seperator&#8221; seperator_shape_size=&#8221;40&#8243; seperator_svg_height=&#8221;60&#8243; seperator_shape_background=&#8221;#ffffff&#8221; seperator_shape_border=&#8221;none&#8221; seperator_shape_border_width=&#8221;1&#8243; ult_hide_row_large_screen=&#8221;off&#8221; ult_hide_row_desktop=&#8221;off&#8221; ult_hide_row_tablet=&#8221;off&#8221; ult_hide_row_tablet_small=&#8221;off&#8221; ult_hide_row_mobile=&#8221;off&#8221; ult_hide_row_mobile_large=&#8221;off&#8221;][vc_column width=&#8221;1\/1&#8243;]<div class=\"boc_spacing \" style=\"height: 120px\"><\/div><h3 class=\"boc_heading no_text_transform center  \"  style=\"margin-bottom: 0px;margin-top: 12px;color: #333333;\"><span>Bar <strong>Graphs<\/strong><\/span><\/h3><div class=\"boc_divider_holder\"><div class=\"boc_divider  \"  style=\"margin-top: 24px;margin-bottom: 24px;width: 100px;margin-left: auto; margin-right: auto;height: 1px;background: #f4f4f4;\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;5\/12&#8243;]\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  animated_bgr\">\n\n\t\t\t<p>Tools &amp; Functionality<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #fdd74e;\" data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  animated_bgr\">\n\n\t\t\t<p>Design &amp; Cool Factor<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #f13c6e;\" data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style animated_bgr dark_percent\">\n\n\t\t\t<p>Customization Options<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #9ade11;\" data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style animated_bgr dark_percent\">\n\n\t\t\t<p>Theme Support<\/p>\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #4cbfbf;\" data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\n\n\t\t<\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  dark_percent\">\n\n\t\t\t<p>Theme Support<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  animated_bgr dark_percent\">\n\n\t\t\t<p>Customization Options<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\n\n\t\t\t<p>Design &amp; Cool Factor<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\n\n\t\t<\/div>\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style animated_bgr dark_percent\">\n\n\t\t\t<p>Tools &amp; Functionality<\/p>\n\t\t\t<div class=\"bar_container\"><span  data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\n\n\t\t<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"boc_spacing \" style=\"height: 60px\"><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]Fortuna WordPress Theme features a fully customizable Animated Bar Graph\u00a0Element integrated within\u00a0Visual Composer that lets you feature a percentage representation of a featured service, skill or anything really. Check some of this useful element&#8217;s features as well as some examples below.[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_type=&#8221;no_bg&#8221; parallax_style=&#8221;vcpb-default&#8221; bg_image_new=&#8221;22365&#8243; bg_image_repeat=&#8221;no-repeat&#8221; bg_image_size=&#8221;cover&#8221; bg_img_attach=&#8221;scroll&#8221; parallax_sense=&#8221;30&#8243; animation_direction=&#8221;left-animation&#8221; animation_repeat=&#8221;repeat&#8221; video_opts=&#8221;&#8221; viewport_vdo=&#8221;off&#8221; enable_controls=&#8221;off&#8221; bg_override=&#8221;full&#8221; disable_on_mobile_img_parallax=&#8221;off&#8221; parallax_content_sense=&#8221;30&#8243; fadeout_start_effect=&#8221;30&#8243;<\/p>\n<div class=\"h10\"><\/div>\n<p><a class=\"more-link2 flat\" href=\"https:\/\/www.formeset.co.za\/index.php\/bar-graph\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-22444","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.formeset.co.za\/index.php\/wp-json\/wp\/v2\/pages\/22444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.formeset.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.formeset.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.formeset.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.formeset.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=22444"}],"version-history":[{"count":0,"href":"https:\/\/www.formeset.co.za\/index.php\/wp-json\/wp\/v2\/pages\/22444\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.formeset.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=22444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}