{"id":2843,"date":"2015-07-17T09:19:17","date_gmt":"2015-07-17T09:19:17","guid":{"rendered":"http:\/\/burst.mikado-themes.com\/burst\/?page_id=2843"},"modified":"2015-07-17T09:19:17","modified_gmt":"2015-07-17T09:19:17","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/viol3nce.com\/index.php\/progress-bars\/","title":{"rendered":"Horizontal Progress Bars"},"content":{"rendered":"<p>[vc_row row_type=\u00a0\u00bbrow\u00a0\u00bb use_row_as_full_screen_section=\u00a0\u00bbno\u00a0\u00bb type=\u00a0\u00bbgrid\u00a0\u00bb oblique_section=\u00a0\u00bbno\u00a0\u00bb text_align=\u00a0\u00bbcenter\u00a0\u00bb triangle_shape=\u00a0\u00bbno\u00a0\u00bb padding_top=\u00a0\u00bb110&Prime; css_animation=\u00a0\u00bb\u00a0\u00bb box_shadow_on_row=\u00a0\u00bbno\u00a0\u00bb][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=\u00a0\u00bb#f3f3f4&Prime; number_of_columns=\u00a0\u00bbone_column\u00a0\u00bb switch_to_one_column=\u00a0\u00bb\u00a0\u00bb alignment_one_column=\u00a0\u00bbcenter\u00a0\u00bb][no_elements_holder_item background_color=\u00a0\u00bb#f3f3f4&Prime; item_padding=\u00a0\u00bb48px 130px 52px 130px\u00a0\u00bb aligment=\u00a0\u00bbcenter\u00a0\u00bb vertical_alignment=\u00a0\u00bbmiddle\u00a0\u00bb advanced_animations=\u00a0\u00bbno\u00a0\u00bb item_padding_1300_1600=\u00a0\u00bb48px 130px 52px 130px\u00a0\u00bb item_padding_600_768=\u00a0\u00bb8% 3% 7% 3%\u00a0\u00bb item_padding_480_600=\u00a0\u00bb11% 5% 10% 5%\u00a0\u00bb item_padding_480=\u00a0\u00bb16% 5% 10% 5%\u00a0\u00bb elemnts_holder_frame=\u00a0\u00bbno\u00a0\u00bb item_padding_1000_1300=\u00a0\u00bb48px 130px 52px 130px\u00a0\u00bb item_padding_768_1000=\u00a0\u00bb8% 3% 8% 3%\u00a0\u00bb][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=\u00a0\u00bbrow\u00a0\u00bb use_row_as_full_screen_section=\u00a0\u00bbno\u00a0\u00bb type=\u00a0\u00bbgrid\u00a0\u00bb oblique_section=\u00a0\u00bbno\u00a0\u00bb text_align=\u00a0\u00bbleft\u00a0\u00bb triangle_shape=\u00a0\u00bbno\u00a0\u00bb padding_top=\u00a0\u00bb78&Prime; padding_bottom=\u00a0\u00bb58&Prime; css_animation=\u00a0\u00bb\u00a0\u00bb box_shadow_on_row=\u00a0\u00bbno\u00a0\u00bb][vc_column offset=\u00a0\u00bbvc_col-lg-6 vc_col-md-6&Prime;]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb50&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb][\/vc_column][vc_column offset=\u00a0\u00bbvc_col-lg-6 vc_col-md-6&Prime;]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb50&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb][\/vc_column][\/vc_row][vc_row row_type=\u00a0\u00bbparallax\u00a0\u00bb type=\u00a0\u00bbgrid\u00a0\u00bb text_align=\u00a0\u00bbleft\u00a0\u00bb triangle_shape=\u00a0\u00bbno\u00a0\u00bb background_image=\u00a0\u00bb2441&Prime; full_screen_section_height=\u00a0\u00bbno\u00a0\u00bb section_height=\u00a0\u00bb500&Prime; zoom_effect=\u00a0\u00bbno\u00a0\u00bb][vc_column][vc_separator type=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb71&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb41&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb]<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=\u00a0\u00bbtransparent\u00a0\u00bb up=\u00a0\u00bb111&Prime; up_style=\u00a0\u00bbpx\u00a0\u00bb down=\u00a0\u00bb0&Prime; down_style=\u00a0\u00bbpx\u00a0\u00bb][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=\u00a0\u00bbrow\u00a0\u00bb use_row_as_full_screen_section=\u00a0\u00bbno\u00a0\u00bb type=\u00a0\u00bbgrid\u00a0\u00bb oblique_section=\u00a0\u00bbno\u00a0\u00bb text_align=\u00a0\u00bbcenter\u00a0\u00bb triangle_shape=\u00a0\u00bbno\u00a0\u00bb padding_top=\u00a0\u00bb110&Prime; css_animation=\u00a0\u00bb\u00a0\u00bb box_shadow_on_row=\u00a0\u00bbno\u00a0\u00bb][vc_column][no_elements_holder background_color=\u00a0\u00bb#f3f3f4&Prime; number_of_columns=\u00a0\u00bbone_column\u00a0\u00bb switch_to_one_column=\u00a0\u00bb\u00a0\u00bb alignment_one_column=\u00a0\u00bbcenter\u00a0\u00bb][no_elements_holder_item background_color=\u00a0\u00bb#f3f3f4&Prime; item_padding=\u00a0\u00bb48px 130px 52px 130px\u00a0\u00bb aligment=\u00a0\u00bbcenter\u00a0\u00bb vertical_alignment=\u00a0\u00bbmiddle\u00a0\u00bb advanced_animations=\u00a0\u00bbno\u00a0\u00bb item_padding_1300_1600=\u00a0\u00bb48px 130px 52px 130px\u00a0\u00bb item_padding_600_768=\u00a0\u00bb8% 3% 7% 3%\u00a0\u00bb item_padding_480_600=\u00a0\u00bb11% 5% 10% 5%\u00a0\u00bb item_padding_480=\u00a0\u00bb16% 5% 10% 5%\u00a0\u00bb elemnts_holder_frame=\u00a0\u00bbno\u00a0\u00bb item_padding_1000_1300=\u00a0\u00bb48px 130px 52px 130px\u00a0\u00bb item_padding_768_1000=\u00a0\u00bb8% 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":{"footnotes":""},"class_list":["post-2843","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viol3nce.com\/index.php\/wp-json\/wp\/v2\/pages\/2843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viol3nce.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viol3nce.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viol3nce.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viol3nce.com\/index.php\/wp-json\/wp\/v2\/comments?post=2843"}],"version-history":[{"count":0,"href":"https:\/\/viol3nce.com\/index.php\/wp-json\/wp\/v2\/pages\/2843\/revisions"}],"wp:attachment":[{"href":"https:\/\/viol3nce.com\/index.php\/wp-json\/wp\/v2\/media?parent=2843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}