{"id":2843,"date":"2015-07-17T09:19:17","date_gmt":"2015-07-17T09:19:17","guid":{"rendered":"https:\/\/burst.qodeinteractive.com\/burst\/?page_id=2843"},"modified":"2015-09-23T09:26:30","modified_gmt":"2015-09-23T09:26:30","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/burst.qodeinteractive.com\/burst\/progress-bars\/","title":{"rendered":"Horizontal Progress Bars"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;110&#8243; css_animation=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column]<div class=\"mkd_separator_with_icon with_icon  center \" style=\"margin-top:0px;margin-bottom:0px\"><div class=\"mkd_icon_holder\" style=\"bottom:-19px;\"><div class=\"mkd_separator_icon_holder\"><div class=\"mkd_line_before\"  style=\"border:none;\"><\/div><span class=\"mkd_icon_shade mkd_icon_shortcode simple_line_icons circle   \" data-hover-background-color=#fe4743  style=\"background-color: #fe4743;border-width: 0px!important; border-style:solid;line-height:38px;width:38px;height:38px;\"><i class=\"mkd_icon_simple_line_icon icon-energy \" style=\"color: #ffffff;line-height:38px;font-size: 20px; \" data-color=\"#ffffff\" data-hover-color=\"#ffffff\" ><\/i><\/span><div class=\"mkd_line_after\"  style=\"border:none;\"><\/div><\/div><\/div><\/div>[no_elements_holder background_color=&#8221;#f3f3f4&#8243; number_of_columns=&#8221;one_column&#8221; switch_to_one_column=&#8221;&#8221; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item background_color=&#8221;#f3f3f4&#8243; item_padding=&#8221;48px 130px 52px 130px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_1300_1600=&#8221;48px 130px 52px 130px&#8221; item_padding_600_768=&#8221;8% 3% 7% 3%&#8221; item_padding_480_600=&#8221;11% 5% 10% 5%&#8221; item_padding_480=&#8221;16% 5% 10% 5%&#8221; elemnts_holder_frame=&#8221;no&#8221; item_padding_1000_1300=&#8221;48px 130px 52px 130px&#8221; item_padding_768_1000=&#8221;8% 3% 8% 3%&#8221;][vc_column_text]<\/p>\n<h5 style=\"text-align: center;\"><strong>Horizontal Progress Bars<\/strong> &#8211; Utilize progress bars, as well as other infographic elements, to display interesting facts and key information in a succinct and visually engaging way.<\/h5>\n<p>[\/vc_column_text][\/no_elements_holder_item][\/no_elements_holder][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;left&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;78&#8243; padding_bottom=&#8221;58&#8243; css_animation=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column offset=&#8221;vc_col-lg-6 vc_col-md-6&#8243;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>Graphic Design<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='45' class='progress_content' style=\"height: 15px;background-color: #18cfab;\n                    background: -webkit-linear-gradient(left, #18cfab 80%, #1af5cf);\n                    background: -o-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: -moz-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: linear-gradient(to right, #18cfab 80%, #1af5cf);\n                    border:none;\n                \"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>Responsive<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='60' class='progress_content' style=\"height: 15px;background-color: #18cfab;\n                    background: -webkit-linear-gradient(left, #18cfab 80%, #1af5cf);\n                    background: -o-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: -moz-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: linear-gradient(to right, #18cfab 80%, #1af5cf);\n                    border:none;\n                \"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>Demo Import<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='85' class='progress_content' style=\"height: 15px;background-color: #18cfab;\n                    background: -webkit-linear-gradient(left, #18cfab 80%, #1af5cf);\n                    background: -o-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: -moz-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: linear-gradient(to right, #18cfab 80%, #1af5cf);\n                    border:none;\n                \"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>Customization<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='56' class='progress_content' style=\"height: 15px;background-color: #18cfab;\n                    background: -webkit-linear-gradient(left, #18cfab 80%, #1af5cf);\n                    background: -o-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: -moz-linear-gradient(right, #18cfab 80%, #1af5cf);\n                    background: linear-gradient(to right, #18cfab 80%, #1af5cf);\n                    border:none;\n                \"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;50&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][\/vc_column][vc_column offset=&#8221;vc_col-lg-6 vc_col-md-6&#8243;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>Support<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='45' class='progress_content' style=\"height: 15px;background-color: #132434;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>Shortcodes<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='90' class='progress_content' style=\"height: 15px;background-color: #132434;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>SEO Ready<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='70' class='progress_content' style=\"height: 15px;background-color: #132434;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"padding-bottom: 4px;\"><span class='progress_title'>Retina Ready<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: #f3f3f4;'><div data-percentage='31' class='progress_content' style=\"height: 15px;background-color: #132434;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;50&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;parallax&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; triangle_shape=&#8221;no&#8221; background_image=&#8221;2441&#8243; full_screen_section_height=&#8221;no&#8221; section_height=&#8221;500&#8243; zoom_effect=&#8221;no&#8221;][vc_column][vc_separator type=&#8221;transparent&#8221; up=&#8221;71&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"color: #ffffff;padding-bottom: 4px;\"><span class='progress_title'>Graphic Design<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;color: #ffffff;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: rgba(255,255,255,0.3);'><div data-percentage='45' class='progress_content' style=\"height: 15px;background-color: #ffffff;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"color: #ffffff;padding-bottom: 4px;\"><span class='progress_title'>Shortcodes<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;color: #ffffff;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: rgba(255,255,255,0.3);'><div data-percentage='75' class='progress_content' style=\"height: 15px;background-color: #ffffff;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"color: #ffffff;padding-bottom: 4px;\"><span class='progress_title'>Demo Import<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;color: #ffffff;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: rgba(255,255,255,0.3);'><div data-percentage='60' class='progress_content' style=\"height: 15px;background-color: #ffffff;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;41&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;]<div class='mkd_progress_bar'><h4 class='progress_title_holder clearfix' style=\"color: #ffffff;padding-bottom: 4px;\"><span class='progress_title'>Retina Ready<\/span><span class='progress_number_wrapper static'><span class='progress_number with_mark' style=\"margin-bottom: 4px;color: #ffffff;\"><span class='percent'>0<\/span><span class='down_arrow'><\/span><\/span><\/span><\/h4><div class='progress_content_outer' style='height: 15px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background-color: rgba(255,255,255,0.3);'><div data-percentage='31' class='progress_content' style=\"height: 15px;background-color: #ffffff;\"><\/div><\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;111&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;110&#8243; css_animation=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column][no_elements_holder background_color=&#8221;#f3f3f4&#8243; number_of_columns=&#8221;one_column&#8221; switch_to_one_column=&#8221;&#8221; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item background_color=&#8221;#f3f3f4&#8243; item_padding=&#8221;48px 130px 52px 130px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_1300_1600=&#8221;48px 130px 52px 130px&#8221; item_padding_600_768=&#8221;8% 3% 7% 3%&#8221; item_padding_480_600=&#8221;11% 5% 10% 5%&#8221; item_padding_480=&#8221;16% 5% 10% 5%&#8221; elemnts_holder_frame=&#8221;no&#8221; item_padding_1000_1300=&#8221;48px 130px 52px 130px&#8221; item_padding_768_1000=&#8221;8% 3%&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"full_width.php","meta":[],"_links":{"self":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages\/2843"}],"collection":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/comments?post=2843"}],"version-history":[{"count":0,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages\/2843\/revisions"}],"wp:attachment":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/media?parent=2843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}