{"id":727,"date":"2016-09-15T10:02:10","date_gmt":"2016-09-15T10:02:10","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/alea\/?page_id=727"},"modified":"2016-09-15T10:02:10","modified_gmt":"2016-09-15T10:02:10","slug":"bar-graphs","status":"publish","type":"page","link":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/bar-graphs\/","title":{"rendered":"Bar Graphs"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Alea 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   inherit_weight\"  style=\"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  \"  >\r\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon boc_i-check-mark-black-outline\" style=\"\"><\/i><\/span>\r\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Custom Color<\/div>\r\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  >\r\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon boc_i-check-mark-black-outline\" style=\"\"><\/i><\/span>\r\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Line style (Thin\u00a0or\u00a0Thick)<\/div>\r\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  >\r\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon boc_i-check-mark-black-outline\" style=\"\"><\/i><\/span>\r\n\t\t\t\t\t<div class=\"boc_list_item_text small\">CSS Animated Background<\/div>\r\n\t\t\t\t   <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"boc_list_item  \"  >\r\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon boc_i-check-mark-black-outline\" style=\"\"><\/i><\/span>\r\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Percentage Bgr Style (Dark\/Light)<\/div>\r\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  >\r\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon boc_i-check-mark-black-outline\" style=\"\"><\/i><\/span>\r\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Custom Text<\/div>\r\n\t\t\t\t   <\/div><div class=\"boc_list_item  \"  >\r\n\t\t\t\t\t<span class=\"li_icon small \" style=\"\"><i class=\"icon boc_i-check-mark-black-outline\" style=\"\"><\/i><\/span>\r\n\t\t\t\t\t<div class=\"boc_list_item_text small\">Custom Percentage Number<\/div>\r\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]<div class=\"boc_spacing \" style=\"height: 120px\"><\/div><h3 class=\"boc_heading no_text_transform center   inherit_weight\"  style=\"margin-top: 12px;color: #333333;\" ><span>Bar <strong>Graphs<\/strong><\/span><\/h3><div  class=\"boc_divider  \"  style=\"margin-top: 24px;margin-bottom: 20px;width: 60px;margin-left: auto; margin-right: auto;height: 1px;background: #f4f4f4;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;5\/12&#8243;]\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\r\n\r\n\t\t\t<p>Tools &amp; Functionality<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #fdd74e;\" data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\r\n\r\n\t\t\t<p>Design &amp; Cool Factor<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #f13c6e;\" data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style dark_percent\">\r\n\r\n\t\t\t<p>Customization Options<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #9ade11;\" data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style dark_percent\">\r\n\r\n\t\t\t<p>Theme Support<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #4cbfbf;\" data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style minimal_bubble_style\">\r\n\r\n\t\t\t<p>Theme Support<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style minimal_bubble_style\">\r\n\r\n\t\t\t<p>Customization Options<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\r\n\r\n\t\t\t<p>Design &amp; Cool Factor<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\r\n\r\n\t\t\t<p>Tools &amp; Functionality<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\r\n\r\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]<div class=\"boc_spacing \" style=\"height: 120px\"><\/div><h3 class=\"boc_heading no_text_transform center   inherit_weight\"  style=\"margin-top: 12px;color: #333333;\" ><span>Bar <strong>Graphs<\/strong><\/span><\/h3><div  class=\"boc_divider  \"  style=\"margin-top: 24px;margin-bottom: 20px;width: 100px;margin-left: auto; margin-right: auto;height: 1px;background: #f4f4f4;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;5\/12&#8243;]\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  animated_bgr\">\r\n\r\n\t\t\t<p>Tools &amp; Functionality<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #fdd74e;\" data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  animated_bgr\">\r\n\r\n\t\t\t<p>Design &amp; Cool Factor<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #f13c6e;\" data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style animated_bgr dark_percent\">\r\n\r\n\t\t\t<p>Customization Options<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #9ade11;\" data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style animated_bgr dark_percent\">\r\n\r\n\t\t\t<p>Theme Support<\/p>\r\n\t\t\t<div class=\"bar_container\"><span style=\"background-color: #4cbfbf;\" data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  dark_percent\">\r\n\r\n\t\t\t<p>Theme Support<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"85\"> <strong>85%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  animated_bgr dark_percent\">\r\n\r\n\t\t\t<p>Customization Options<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"93\"> <strong>93%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style\">\r\n\r\n\t\t\t<p>Design &amp; Cool Factor<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"91\"> <strong>91%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>\r\n\t\t<div class=\"bar_graph boc_animate_when_almost_visible_custom_start boc_fade-in  thin_style animated_bgr dark_percent\">\r\n\r\n\t\t\t<p>Tools &amp; Functionality<\/p>\r\n\t\t\t<div class=\"bar_container\"><span  data-width=\"87\"> <strong>87%<\/strong> <\/span><\/div>\r\n\r\n\t\t<\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"boc_spacing \" style=\"height: 60px\"><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text]Alea 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;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages\/727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/comments?post=727"}],"version-history":[{"count":0,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages\/727\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/media?parent=727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}