{"id":666,"date":"2016-01-27T11:00:32","date_gmt":"2016-01-27T11:00:32","guid":{"rendered":"http:\/\/themes.webdevia.com\/admiral\/?page_id=666"},"modified":"2017-01-27T18:58:14","modified_gmt":"2017-01-27T18:58:14","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/themes.webdevia.com\/nonprofit\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;2\/12&#8243;][\/vc_column][vc_column width=&#8221;8\/12&#8243;]\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"40\" data-heighttablet=\"50\" data-heightdesktop=\"60\">\n\n<\/div>\n      \n\n\n\n        \n      \n    \t\t<div class=\"wd-heading   text-center\" >\n\t\t\t\n\t\t\t\t\n                  <h4 style=\"font-size:13px;color:#999999;line-height:12px;letter-spacing:3.9px;\" >\n              PROGRESS BAR SHORTCODE          <\/h4>\n\t\t\t\t\n        <div style='margin-top: 10px;'><\/div>\n\t\t\t\t\n\t\t\t\t<h2 style=\"margin:0;font-size:24px;color:#000000;letter-spacing:1.2px;\" >\n\t\t\t\t\t\tPROGRESS BAR\t\t\t\t<\/h2>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    [\/vc_column][vc_column width=&#8221;2\/12&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;3\/12&#8243;][vc_column_text]This app does everything you could possibly want it to do and not only that, it is beautifully designed and extremely intuitive to use. Download it from the App Store for FREE if you don\u2019t mind some adverts popping up or if you prefer an ad-free experience then you can down load the ad-free version for 99p.[\/vc_column_text][\/vc_column][vc_column width=&#8221;9\/12&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]\t\t\t<div class=\"wd-progress-bar-container \" >\n\t\t<ul class=\"wd-progress-bar\">\n\t\t\t\t\t\t<li>\n\t\t\t<span class=\"label-bar text-left\">SEO<\/span>\n\t\t\t<span class=\"value right\">90%<\/span>\n\t\t\t<div class=\"progress large-12  round\">\n\t\t\t  <span class=\"meter\" style=\"width: 90%\"><\/span>\n\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t<span class=\"label-bar text-left\">Code<\/span>\n\t\t\t<span class=\"value right\">80%<\/span>\n\t\t\t<div class=\"progress large-12  round\">\n\t\t\t  <span class=\"meter\" style=\"width: 80%\"><\/span>\n\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t<span class=\"label-bar text-left\">Marketing<\/span>\n\t\t\t<span class=\"value right\">70%<\/span>\n\t\t\t<div class=\"progress large-12  round\">\n\t\t\t  <span class=\"meter\" style=\"width: 70%\"><\/span>\n\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t<\/div>\n\n\t\t[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]\t\t\t<div class=\"wd-progress-bar-container \" >\n\t\t<ul class=\"wd-progress-bar\">\n\t\t\t\t\t\t<li>\n\t\t\t<span class=\"label-bar text-left\">UX &amp; UI<\/span>\n\t\t\t<span class=\"value right\">80%<\/span>\n\t\t\t<div class=\"progress large-12  round\">\n\t\t\t  <span class=\"meter\" style=\"width: 80%\"><\/span>\n\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t<span class=\"label-bar text-left\">Design<\/span>\n\t\t\t<span class=\"value right\">70%<\/span>\n\t\t\t<div class=\"progress large-12  round\">\n\t\t\t  <span class=\"meter\" style=\"width: 70%\"><\/span>\n\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t<span class=\"label-bar text-left\">Marketing<\/span>\n\t\t\t<span class=\"value right\">90%<\/span>\n\t\t\t<div class=\"progress large-12  round\">\n\t\t\t  <span class=\"meter\" style=\"width: 90%\"><\/span>\n\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t<\/div>\n\n\t\t[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;2\/12&#8243;][\/vc_column][vc_column width=&#8221;8\/12&#8243;]\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    \t\t<div class=\"wd-heading   text-center\" >\n\t\t\t\n\t\t\t\t\n                  <h4 style=\"font-size:13px;color:#999999;line-height:12px;letter-spacing:3.9px;\" >\n              COLORS - UNITES - ANIMATIONS          <\/h4>\n\t\t\t\t\n        <div style='margin-top: 10px;'><\/div>\n\t\t\t\t\n\t\t\t\t<h2 style=\"margin:0;font-size:24px;color:#000000;letter-spacing:1.2px;\" >\n\t\t\t\t\t\tPROGRESS BAR STYLES\t\t\t\t<\/h2>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    [\/vc_column][vc_column width=&#8221;2\/12&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;4\/12&#8243;]\t\t<div class=\"wd-heading   text-left\" >\n\t\t\t\n\t\t\t\t<h4 style=\"margin:0;font-size:18px;color:#000000;letter-spacing:0.5px;\" >\n\t\t\t\t\tCOLORED PROGRESS BAR\t\t\t\t<\/h4>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t[\/vc_column][vc_column width=&#8221;8\/12&#8243;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22bar_green%22%7D%5D&#8221; units=&#8221;%&#8221;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22violet%22%7D%5D&#8221; units=&#8221;%&#8221;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22sandy-brown%22%7D%5D&#8221; units=&#8221;%&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;4\/12&#8243;]\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    \t\t<div class=\"wd-heading   text-left\" >\n\t\t\t\n\t\t\t\t<h4 style=\"margin:0;font-size:18px;color:#000000;letter-spacing:0.5px;\" >\n\t\t\t\t\tANIMATED STRIPED BARS\t\t\t\t<\/h4>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t[\/vc_column][vc_column width=&#8221;8\/12&#8243;]\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    [vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22bar_green%22%7D%5D&#8221; options=&#8221;striped&#8221; units=&#8221;%&#8221;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22violet%22%7D%5D&#8221; options=&#8221;striped&#8221; units=&#8221;%&#8221;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22sandy-brown%22%7D%5D&#8221; options=&#8221;striped&#8221; units=&#8221;%&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;4\/12&#8243;]\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    \t\t<div class=\"wd-heading   text-left\" >\n\t\t\t\n\t\t\t\t<h4 style=\"margin:0;font-size:18px;color:#000000;letter-spacing:0.5px;\" >\n\t\t\t\t\tPROGRESS BAR WITH UNITS\t\t\t\t<\/h4>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t[\/vc_column][vc_column width=&#8221;8\/12&#8243;]\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    [vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22bar_grey%22%7D%5D&#8221; bgcolor=&#8221;bar_black&#8221; units=&#8221;%&#8221;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Marketing%20Strategy%22%2C%22value%22%3A%2284%22%2C%22color%22%3A%22bar_grey%22%7D%5D&#8221; bgcolor=&#8221;bar_black&#8221; units=&#8221; Points&#8221;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Progress%20Bar%20With%20Different%20Unit%22%2C%22value%22%3A%2275%22%2C%22color%22%3A%22bar_grey%22%7D%5D&#8221; bgcolor=&#8221;bar_black&#8221; units=&#8221; $&#8221;]\n\n<div class=\"nonprofit_empty_space\" data-heightmobile=\"66\" data-heighttablet=\"76\" data-heightdesktop=\"84\">\n\n<\/div>\n      \n\n\n\n        \n      \n    [\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;2\/12&#8243;][\/vc_column][vc_column width=&#8221;8\/12&#8243;][\/vc_column][vc_column width=&#8221;2\/12&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;3\/12&#8243;][vc_column_text]This app does everything you could possibly want it to do and not only that, it is beautifully designed and extremely intuitive to use. Download it from the App Store for FREE if you don\u2019t mind some adverts popping up or if you prefer an ad-free experience then you can down [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/pages\/666"}],"collection":[{"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/comments?post=666"}],"version-history":[{"count":1,"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":1804,"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/pages\/666\/revisions\/1804"}],"wp:attachment":[{"href":"https:\/\/themes.webdevia.com\/nonprofit\/wp-json\/wp\/v2\/media?parent=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}