{"id":13102,"date":"2017-04-29T14:09:06","date_gmt":"2017-04-29T14:09:06","guid":{"rendered":"https:\/\/www.livemeshthemes.com\/visual-composer-addons\/?page_id=13102"},"modified":"2017-04-29T14:09:06","modified_gmt":"2017-04-29T14:09:06","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/livemeshwp.com\/wpbakery-addons\/progress-bars\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; content_placement=&#8221;middle&#8221; css=&#8221;.vc_custom_1493645423527{padding-top: 70px !important;padding-bottom: 35px !important;background-color: #f1f1f1 !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h1 class=\"lvca-widget-heading\">Progress Bars<\/h1>\n<p class=\"lvca-widget-description first\">The plugin features a number of elements that help display statistical information in the form of odometers, piecharts and stats bars.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text el_class=&#8221;lvca-widget-details&#8221;]<\/p>\n<h4>Usage Highlights<\/h4>\n<ul>\n<li>The addon\u00a0is designed to animate the display of the statistical information or numbers when the users scroll down to the section containing the addon element.<\/li>\n<li>The animation starts from the start value to the end value customizable by the user in the addon options window.<\/li>\n<li>A progress bar can be used to display how far along we are in a process. The highlighted bar represents the percentage value of the progress made by your business\/organization.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1454132651203{padding-top: 55px !important;padding-bottom: 75px !important;background-color: #ffffff !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-stats-bars\"><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Marketing<span>41%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"41\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">SEO<span>32%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"32\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Prototyping<span>24%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"24\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Print Collateral<span>48%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"48\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Illustration<span>36%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"36\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Branding<span>76%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"76\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Web Design<span>87%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"87\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-piecharts lvca-grid-container  lvca-grid-desktop-2 lvca-grid-tablet-2 lvca-grid-mobile-1\"><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"75\"><span>75<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Repeat Customers<\/div><\/div><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"87\"><span>87<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Referral Work<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; lvca_dark_bg=&#8221;true&#8221; css=&#8221;.vc_custom_1453814076279{padding-top: 55px !important;padding-bottom: 75px !important;background-color: #1b1b1c !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-stats-bars\"><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Marketing<span>41%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"41\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">SEO<span>32%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"32\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Prototyping<span>24%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"24\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Print Collateral<span>48%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"48\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Illustration<span>36%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"36\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Branding<span>76%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"76\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Web Design<span>87%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"87\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-piecharts lvca-grid-container  lvca-grid-desktop-2 lvca-grid-tablet-2 lvca-grid-mobile-1\"><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"75\"><span>75<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Repeat Customers<\/div><\/div><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"87\"><span>87<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Referral Work<\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; content_placement=&#8221;middle&#8221; css=&#8221;.vc_custom_1493645423527{padding-top: 70px !important;padding-bottom: 35px !important;background-color: #f1f1f1 !important;}&#8221;][vc_column][vc_column_text] Progress Bars The plugin features a number of elements that help display statistical information in the form of odometers, piecharts and stats bars. [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text el_class=&#8221;lvca-widget-details&#8221;] Usage Highlights The addon\u00a0is designed to animate the display of the statistical information or numbers when the users scroll down [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-full-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages\/13102"}],"collection":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/comments?post=13102"}],"version-history":[{"count":0,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages\/13102\/revisions"}],"wp:attachment":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/media?parent=13102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}