{"id":1352,"date":"2017-02-13T15:00:58","date_gmt":"2017-02-13T15:00:58","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1352"},"modified":"2017-02-13T15:00:58","modified_gmt":"2017-02-13T15:00:58","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/almenstrips.com\/index.php\/elements\/progress-bars\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"<div style='padding-bottom:15px; color:#000000;font-size:40px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote   av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Progress Bar Element<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>Add any number of progress bars in various predefined colors, either with or without icon, with or without description.<br \/>\nPerfect if you want to<strong> display some progress<\/strong> or display a <strong>skill<\/strong> you or your company has mastered and how good you are at it.<\/p>\n<\/div><\/section>\n<div style='height:50px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div style='padding-bottom:15px; color:#000000;font-size:30px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote  av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Progress Bar Minimal<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div>\n<div class='avia-progress-bar-container  avia_animate_when_almost_visible  av-flat-bar av-animated-bar av-small-bar'><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 1<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='100'>0<\/span>%<\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 100%' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 2<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='91'>0<\/span>%<\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 91%' data-progress='91'><\/div><\/div><\/div><\/div><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 3<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='78'>0<\/span>%<\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 78%' data-progress='78'><\/div><\/div><\/div><\/div><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 4<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='23'>0<\/span>%<\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 23%' data-progress='23'><\/div><\/div><\/div><\/div><\/div>\n<div style='height:50px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div style='padding-bottom:15px; color:#000000;font-size:30px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote  av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Progress Bar Minimal Animated<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div>\n<div class='avia-progress-bar-container  avia_animate_when_almost_visible  av-striped-bar av-animated-bar av-small-bar'><div class='avia-progress-bar silver-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 1<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='100'>0<\/span>%<\/div><div class='progress' style='height:5px;'><div class='bar-outer'><div class='bar' style='width: 100%' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar silver-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 2<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='91'>0<\/span>%<\/div><div class='progress' style='height:5px;'><div class='bar-outer'><div class='bar' style='width: 91%' data-progress='91'><\/div><\/div><\/div><\/div><div class='avia-progress-bar silver-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 3<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='78'>0<\/span>%<\/div><div class='progress' style='height:5px;'><div class='bar-outer'><div class='bar' style='width: 78%' data-progress='78'><\/div><\/div><\/div><\/div><div class='avia-progress-bar silver-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>BAR 4<\/div><\/div><div class='progressbar-percent' data-timer='2200'><span class='av-bar-counter __av-single-number' data-number='23'>0<\/span>%<\/div><div class='progress' style='height:5px;'><div class='bar-outer'><div class='bar' style='width: 23%' data-progress='23'><\/div><\/div><\/div><\/div><\/div>\n<div style='height:50px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div style='padding-bottom:15px; color:#000000;font-size:30px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote   av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Progress Bar Big<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div>\n<div class='avia-progress-bar-container  avia_animate_when_almost_visible  av-flat-bar av-animated-bar '><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>1<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 100%' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>2<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 91%' data-progress='91'><\/div><\/div><\/div><\/div><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>3<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 78%' data-progress='78'><\/div><\/div><\/div><\/div><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>4<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 23%' data-progress='23'><\/div><\/div><\/div><\/div><\/div>\n<div style='height:50px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div style='padding-bottom:15px; color:#000000;font-size:30px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote   av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Animated Progress Bar Examples<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div>\n<div class='avia-progress-bar-container  avia_animate_when_almost_visible  av-striped-bar av-animated-bar '><div class='avia-progress-bar theme-color-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue856' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>HTML<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 100%' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar grey-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue8b6' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>CSS<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 50%' data-progress='50'><\/div><\/div><\/div><\/div><div class='avia-progress-bar silver-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Javascript<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 20%' data-progress='20'><\/div><\/div><\/div><\/div><div class='avia-progress-bar blue-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Video<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 30%' data-progress='30'><\/div><\/div><\/div><\/div><div class='avia-progress-bar green-bar icon-bar-yes'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue8b4' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Flash<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 70%' data-progress='70'><\/div><\/div><\/div><\/div><div class='avia-progress-bar orange-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Photoshop<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 80%' data-progress='80'><\/div><\/div><\/div><\/div><div class='avia-progress-bar red-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>After Effects<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 20%' data-progress='20'><\/div><\/div><\/div><\/div><div class='avia-progress-bar aqua-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Premiere<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 60%' data-progress='60'><\/div><\/div><\/div><\/div><div class='avia-progress-bar teal-bar icon-bar-no'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Dreamweaver<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 95%' data-progress='95'><\/div><\/div><\/div><\/div><div class='avia-progress-bar purple-bar icon-bar-yes'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue8b8' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Illustrator<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 40%' data-progress='40'><\/div><\/div><\/div><\/div><div class='avia-progress-bar pink-bar icon-bar-no'><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 30%' data-progress='30'><\/div><\/div><\/div><\/div><div class='avia-progress-bar black-bar icon-bar-yes'><div class='progressbar-title-wrap'><div class='progressbar-icon'><span class='progressbar-char' aria-hidden='true' data-av_icon='\ue80b' data-av_iconfont='entypo-fontello'><\/span><\/div><div class='progressbar-title'>Unagi<\/div><\/div><div class='progress' ><div class='bar-outer'><div class='bar' style='width: 10%' data-progress='10'><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages\/1352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/comments?post=1352"}],"version-history":[{"count":0,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages\/1352\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/media?parent=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}