{"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:\/\/vicolli.com\/?page_id=1352","title":{"rendered":"Progress Bars"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d\">\n#top .av-special-heading.av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d{\npadding-bottom:15px;\ncolor:#000000;\nfont-size:40px;\n}\nbody .av-special-heading.av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d .av-special-heading-tag{\nfont-size:40px;\n}\n.av-special-heading.av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-3a5cf0e9839f5f14eaa9d3b1a4689e9d av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first  av-inherit-size'><h1 id=\"progress-bar-element\" class='av-special-heading-tag'  itemprop=\"headline\"  >Progress Bar Element<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<section  class='av_textblock_section av-av_textblock-396ddf1f42196ca838231e61a4602801'  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\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-4474f20d2389e2e5ecf918a02da5132e\">\n#top .hr.hr-invisible.av-av_hr-4474f20d2389e2e5ecf918a02da5132e{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-av_hr-4474f20d2389e2e5ecf918a02da5132e hr-invisible  avia-builder-el-2  el_after_av_textblock  el_before_av_heading '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c\">\n#top .av-special-heading.av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c{\npadding-bottom:15px;\ncolor:#000000;\nfont-size:30px;\n}\nbody .av-special-heading.av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c .av-special-heading-tag{\nfont-size:30px;\n}\n.av-special-heading.av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-d5a9b8baa5d3aa2303be0d211f971f0c av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-3  el_after_av_hr  el_before_av_progress  av-inherit-size'><h1 id=\"progress-bar-minimal\" class='av-special-heading-tag'  itemprop=\"headline\"  >Progress Bar Minimal<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_progress-b920a76ecb747a2ff5d089fab1f9f44c\">\n.avia-progress-bar-container.av-av_progress-b920a76ecb747a2ff5d089fab1f9f44c .progress{\nheight:10px;\n}\n<\/style>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-sub-av-av_progress-b920a76ecb747a2ff5d089fab1f9f44c\">\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-0f30accb708e46a410f61894c87f50a0 .bar{\nwidth:100%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-ee9c676674a9ccab40dbfc115fae8495 .bar{\nwidth:91%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-26bca46a989b5f830bc4316ce441de28 .bar{\nwidth:78%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-7fc1603cf81cef3d9649d9c55056602f .bar{\nwidth:23%;\nbackground:#555;\n}\n<\/style>\n<div  class='avia-progress-bar-container av-av_progress-b920a76ecb747a2ff5d089fab1f9f44c av-flat-bar av-animated-bar av-small-bar avia_animate_when_almost_visible  avia-builder-el-4  el_after_av_heading  el_before_av_hr '><div class='avia-progress-bar av-av_progress_bar-0f30accb708e46a410f61894c87f50a0 icon-bar-no 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' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-ee9c676674a9ccab40dbfc115fae8495 icon-bar-no 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' data-progress='91'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-26bca46a989b5f830bc4316ce441de28 icon-bar-no 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' data-progress='78'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-7fc1603cf81cef3d9649d9c55056602f icon-bar-no 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' data-progress='23'><\/div><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-4474f20d2389e2e5ecf918a02da5132e\">\n#top .hr.hr-invisible.av-av_hr-4474f20d2389e2e5ecf918a02da5132e{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-av_hr-4474f20d2389e2e5ecf918a02da5132e hr-invisible  avia-builder-el-5  el_after_av_progress  el_before_av_heading '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-ccbf33342e0af52f26a78afd01a03ceb\">\n#top .av-special-heading.av-av_heading-ccbf33342e0af52f26a78afd01a03ceb{\npadding-bottom:15px;\ncolor:#000000;\nfont-size:30px;\n}\nbody .av-special-heading.av-av_heading-ccbf33342e0af52f26a78afd01a03ceb .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-av_heading-ccbf33342e0af52f26a78afd01a03ceb .av-special-heading-tag{\nfont-size:30px;\n}\n.av-special-heading.av-av_heading-ccbf33342e0af52f26a78afd01a03ceb .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-av_heading-ccbf33342e0af52f26a78afd01a03ceb .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-av_heading-ccbf33342e0af52f26a78afd01a03ceb .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-av_heading-ccbf33342e0af52f26a78afd01a03ceb .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-ccbf33342e0af52f26a78afd01a03ceb av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-6  el_after_av_hr  el_before_av_progress  av-inherit-size'><h1 id=\"progress-bar-minimal-animated\" class='av-special-heading-tag'  itemprop=\"headline\"  >Progress Bar Minimal Animated<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_progress-5045e7e670335263647773ba74f09e94\">\n.avia-progress-bar-container.av-av_progress-5045e7e670335263647773ba74f09e94 .progress{\nheight:5px;\n}\n<\/style>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-sub-av-av_progress-5045e7e670335263647773ba74f09e94\">\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-0f30accb708e46a410f61894c87f50a0 .bar{\nwidth:100%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-ee9c676674a9ccab40dbfc115fae8495 .bar{\nwidth:91%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-26bca46a989b5f830bc4316ce441de28 .bar{\nwidth:78%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-7fc1603cf81cef3d9649d9c55056602f .bar{\nwidth:23%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-64c154f46e2a0fc507b69f96c4e82ba6 .bar{\nwidth:100%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-bfb881c5ce1af170d36877eeb2684c94 .bar{\nwidth:91%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-4c6df3b67a3c19f41ae3c87f34390e86 .bar{\nwidth:78%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-0d40eacc7e69d24239ef4da1a07f854e .bar{\nwidth:23%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n<\/style>\n<div  class='avia-progress-bar-container av-av_progress-5045e7e670335263647773ba74f09e94 av-striped-bar av-animated-bar av-small-bar avia_animate_when_almost_visible  avia-builder-el-7  el_after_av_heading  el_before_av_hr '><div class='avia-progress-bar av-av_progress_bar-64c154f46e2a0fc507b69f96c4e82ba6 icon-bar-no 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\"><div class=\"bar-outer\"><div class='bar' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-bfb881c5ce1af170d36877eeb2684c94 icon-bar-no 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\"><div class=\"bar-outer\"><div class='bar' data-progress='91'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-4c6df3b67a3c19f41ae3c87f34390e86 icon-bar-no 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\"><div class=\"bar-outer\"><div class='bar' data-progress='78'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-0d40eacc7e69d24239ef4da1a07f854e icon-bar-no 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\"><div class=\"bar-outer\"><div class='bar' data-progress='23'><\/div><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-4474f20d2389e2e5ecf918a02da5132e\">\n#top .hr.hr-invisible.av-av_hr-4474f20d2389e2e5ecf918a02da5132e{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-av_hr-4474f20d2389e2e5ecf918a02da5132e hr-invisible  avia-builder-el-8  el_after_av_progress  el_before_av_heading '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-1e68c686a865e1c9d3b37e6008c44d63\">\n#top .av-special-heading.av-av_heading-1e68c686a865e1c9d3b37e6008c44d63{\npadding-bottom:15px;\ncolor:#000000;\nfont-size:30px;\n}\nbody .av-special-heading.av-av_heading-1e68c686a865e1c9d3b37e6008c44d63 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-av_heading-1e68c686a865e1c9d3b37e6008c44d63 .av-special-heading-tag{\nfont-size:30px;\n}\n.av-special-heading.av-av_heading-1e68c686a865e1c9d3b37e6008c44d63 .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-av_heading-1e68c686a865e1c9d3b37e6008c44d63 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-av_heading-1e68c686a865e1c9d3b37e6008c44d63 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-av_heading-1e68c686a865e1c9d3b37e6008c44d63 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-1e68c686a865e1c9d3b37e6008c44d63 av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-9  el_after_av_hr  el_before_av_progress  av-inherit-size'><h1 id=\"progress-bar-big\" class='av-special-heading-tag'  itemprop=\"headline\"  >Progress Bar Big<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-sub-av-av_progress-8813ad1af1fb91e10a107b4f0c703344\">\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-0f30accb708e46a410f61894c87f50a0 .bar{\nwidth:100%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-ee9c676674a9ccab40dbfc115fae8495 .bar{\nwidth:91%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-26bca46a989b5f830bc4316ce441de28 .bar{\nwidth:78%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-7fc1603cf81cef3d9649d9c55056602f .bar{\nwidth:23%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-64c154f46e2a0fc507b69f96c4e82ba6 .bar{\nwidth:100%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-bfb881c5ce1af170d36877eeb2684c94 .bar{\nwidth:91%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-4c6df3b67a3c19f41ae3c87f34390e86 .bar{\nwidth:78%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-0d40eacc7e69d24239ef4da1a07f854e .bar{\nwidth:23%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-9a6698ef78de6b55eefae2527f17948b .bar{\nwidth:100%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-54e3aea4314ea3e06e10a99ecb03d854 .bar{\nwidth:91%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-d55633a360b0e3d36d71860df0396d7a .bar{\nwidth:78%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-38c95f531afe0cd20b50adc787afff2a .bar{\nwidth:23%;\nbackground:#555;\n}\n<\/style>\n<div  class='avia-progress-bar-container av-av_progress-8813ad1af1fb91e10a107b4f0c703344 av-flat-bar av-animated-bar avia_animate_when_almost_visible  avia-builder-el-10  el_after_av_heading  el_before_av_hr '><div class='avia-progress-bar av-av_progress_bar-9a6698ef78de6b55eefae2527f17948b icon-bar-no 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' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-54e3aea4314ea3e06e10a99ecb03d854 icon-bar-no 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' data-progress='91'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-d55633a360b0e3d36d71860df0396d7a icon-bar-no 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' data-progress='78'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-38c95f531afe0cd20b50adc787afff2a icon-bar-no 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' data-progress='23'><\/div><\/div><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_hr-4474f20d2389e2e5ecf918a02da5132e\">\n#top .hr.hr-invisible.av-av_hr-4474f20d2389e2e5ecf918a02da5132e{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-av_hr-4474f20d2389e2e5ecf918a02da5132e hr-invisible  avia-builder-el-11  el_after_av_progress  el_before_av_heading '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37\">\n#top .av-special-heading.av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37{\npadding-bottom:15px;\ncolor:#000000;\nfont-size:30px;\n}\nbody .av-special-heading.av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37 .av-special-heading-tag{\nfont-size:30px;\n}\n.av-special-heading.av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37 .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-35dfbb09d8b37c640c9df8321b4c8c37 av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-12  el_after_av_hr  el_before_av_progress  av-inherit-size'><h1 id=\"animated-progress-bar-examples\" class='av-special-heading-tag'  itemprop=\"headline\"  >Animated Progress Bar Examples<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-sub-av-av_progress-ed797432914b3bc4bbf5829dabfe5a58\">\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-0f30accb708e46a410f61894c87f50a0 .bar{\nwidth:100%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-ee9c676674a9ccab40dbfc115fae8495 .bar{\nwidth:91%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-26bca46a989b5f830bc4316ce441de28 .bar{\nwidth:78%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-7fc1603cf81cef3d9649d9c55056602f .bar{\nwidth:23%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-64c154f46e2a0fc507b69f96c4e82ba6 .bar{\nwidth:100%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-bfb881c5ce1af170d36877eeb2684c94 .bar{\nwidth:91%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-4c6df3b67a3c19f41ae3c87f34390e86 .bar{\nwidth:78%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-0d40eacc7e69d24239ef4da1a07f854e .bar{\nwidth:23%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-9a6698ef78de6b55eefae2527f17948b .bar{\nwidth:100%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-54e3aea4314ea3e06e10a99ecb03d854 .bar{\nwidth:91%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-d55633a360b0e3d36d71860df0396d7a .bar{\nwidth:78%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-38c95f531afe0cd20b50adc787afff2a .bar{\nwidth:23%;\nbackground:#555;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-244dba0bb63721b4160cf7df450c2713 .bar{\nwidth:100%;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-fbdcfc450609293ae69394a11a08a289 .bar{\nwidth:50%;\nbackground-image: -webkit-linear-gradient( -45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444 );\nbackground-image: -moz-linear-gradient( -45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444 );\nbackground-image: linear-gradient( -45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444 );\nbackground-color:#666;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-7b304162cc4e694054e6d34782cf4bea .bar{\nwidth:20%;\nbackground-image: -webkit-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: -moz-linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-image: linear-gradient( -45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9 );\nbackground-color:#D7D7D7;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-e14713be84bc6249c0a5468ad8850f12 .bar{\nwidth:30%;\nbackground-image: -webkit-linear-gradient( -45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9 );\nbackground-image: -moz-linear-gradient( -45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9 );\nbackground-image: linear-gradient( -45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9 );\nbackground-color:#96C8FB;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-eddeffd2b3feec87db8208e418275c2e .bar{\nwidth:70%;\nbackground-image: -webkit-linear-gradient( -45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846 );\nbackground-image: -moz-linear-gradient( -45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846 );\nbackground-image: linear-gradient( -45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846 );\nbackground-color:#A5CA68;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-53628e229091e9856eb16d00676d7bd3 .bar{\nwidth:80%;\nbackground-image: -webkit-linear-gradient( -45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66 );\nbackground-image: -moz-linear-gradient( -45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66 );\nbackground-image: linear-gradient( -45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66 );\nbackground-color:#EDAE44;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-87cfbd2505b72c19cc54488fbb1d16f0 .bar{\nwidth:20%;\nbackground-image: -webkit-linear-gradient( -45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E );\nbackground-image: -moz-linear-gradient( -45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E );\nbackground-image: linear-gradient( -45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E );\nbackground-color:#B02B2C;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-eedb505ef5b220a3d35127312bf07870 .bar{\nwidth:60%;\nbackground-image: -webkit-linear-gradient( -45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4 );\nbackground-image: -moz-linear-gradient( -45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4 );\nbackground-image: linear-gradient( -45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4 );\nbackground-color:#4ECAC2;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-b2fc1d6d3848552b74f2fb01059fb67c .bar{\nwidth:95%;\nbackground-image: -webkit-linear-gradient( -45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB );\nbackground-image: -moz-linear-gradient( -45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB );\nbackground-image: linear-gradient( -45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB );\nbackground-color:#5F8789;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-c5de3fc7014d89b5bda43def93a04b63 .bar{\nwidth:40%;\nbackground-image: -webkit-linear-gradient( -45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F );\nbackground-image: -moz-linear-gradient( -45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F );\nbackground-image: linear-gradient( -45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F );\nbackground-color:#745F7E;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-63a62112f972eb20f5e03c14bf3753e5 .bar{\nwidth:30%;\nbackground-image: -webkit-linear-gradient( -45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB );\nbackground-image: -moz-linear-gradient( -45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB );\nbackground-image: linear-gradient( -45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB );\nbackground-color:#D65799;\n}\n#top .avia-progress-bar-container .avia-progress-bar.av-av_progress_bar-1edb846df0175bbe64deefd4fb8742c3 .bar{\nwidth:10%;\nbackground-image: -webkit-linear-gradient( -45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444 );\nbackground-image: -moz-linear-gradient( -45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444 );\nbackground-image: linear-gradient( -45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444 );\nbackground-color:#222;\n}\n<\/style>\n<div  class='avia-progress-bar-container av-av_progress-ed797432914b3bc4bbf5829dabfe5a58 av-striped-bar av-animated-bar avia_animate_when_almost_visible  avia-builder-el-13  el_after_av_heading  avia-builder-el-last '><div class='avia-progress-bar av-av_progress_bar-244dba0bb63721b4160cf7df450c2713 icon-bar-no theme-color-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' data-progress='100'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-fbdcfc450609293ae69394a11a08a289 icon-bar-no 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' data-progress='50'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-7b304162cc4e694054e6d34782cf4bea icon-bar-no 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' data-progress='20'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-e14713be84bc6249c0a5468ad8850f12 icon-bar-no 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' data-progress='30'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-eddeffd2b3feec87db8208e418275c2e icon-bar-yes 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' data-progress='70'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-53628e229091e9856eb16d00676d7bd3 icon-bar-no 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' data-progress='80'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-87cfbd2505b72c19cc54488fbb1d16f0 icon-bar-no 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' data-progress='20'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-eedb505ef5b220a3d35127312bf07870 icon-bar-no 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' data-progress='60'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-b2fc1d6d3848552b74f2fb01059fb67c icon-bar-no 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' data-progress='95'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-c5de3fc7014d89b5bda43def93a04b63 icon-bar-yes 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' data-progress='40'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-63a62112f972eb20f5e03c14bf3753e5 icon-bar-no pink-bar icon-bar-no'><div class=\"progress\"><div class=\"bar-outer\"><div class='bar' data-progress='30'><\/div><\/div><\/div><\/div><div class='avia-progress-bar av-av_progress_bar-1edb846df0175bbe64deefd4fb8742c3 icon-bar-yes 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' 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"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress Bars - Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vicolli.com\/?page_id=1352\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress Bars - Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vicolli.com\/?page_id=1352\" \/>\n<meta property=\"og:site_name\" content=\"Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vicolli.com\/?page_id=1352\",\"url\":\"https:\/\/vicolli.com\/?page_id=1352\",\"name\":\"Progress Bars - Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m\",\"isPartOf\":{\"@id\":\"https:\/\/vicolli.com\/#website\"},\"datePublished\":\"2017-02-13T15:00:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/vicolli.com\/?page_id=1352#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vicolli.com\/?page_id=1352\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vicolli.com\/?page_id=1352#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/vicolli.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/vicolli.com\/?page_id=606\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Progress Bars\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vicolli.com\/#website\",\"url\":\"https:\/\/vicolli.com\/\",\"name\":\"Vicolli - Yaz\u0131l\u0131m & Tasar\u0131m\",\"description\":\"Unlimited As Your Imagine\",\"publisher\":{\"@id\":\"https:\/\/vicolli.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vicolli.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/vicolli.com\/#organization\",\"name\":\"Vicolli - Yaz\u0131l\u0131m & Tasar\u0131m\",\"url\":\"https:\/\/vicolli.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/vicolli.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/vicolli.com\/wp-content\/uploads\/2022\/11\/dikdortgen.png\",\"contentUrl\":\"https:\/\/vicolli.com\/wp-content\/uploads\/2022\/11\/dikdortgen.png\",\"width\":2205,\"height\":735,\"caption\":\"Vicolli - Yaz\u0131l\u0131m & Tasar\u0131m\"},\"image\":{\"@id\":\"https:\/\/vicolli.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress Bars - Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vicolli.com\/?page_id=1352","og_locale":"tr_TR","og_type":"article","og_title":"Progress Bars - Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m","og_url":"https:\/\/vicolli.com\/?page_id=1352","og_site_name":"Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m","twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"5 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vicolli.com\/?page_id=1352","url":"https:\/\/vicolli.com\/?page_id=1352","name":"Progress Bars - Vicolli - Yaz\u0131l\u0131m &amp; Tasar\u0131m","isPartOf":{"@id":"https:\/\/vicolli.com\/#website"},"datePublished":"2017-02-13T15:00:58+00:00","breadcrumb":{"@id":"https:\/\/vicolli.com\/?page_id=1352#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vicolli.com\/?page_id=1352"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vicolli.com\/?page_id=1352#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/vicolli.com\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/vicolli.com\/?page_id=606"},{"@type":"ListItem","position":3,"name":"Progress Bars"}]},{"@type":"WebSite","@id":"https:\/\/vicolli.com\/#website","url":"https:\/\/vicolli.com\/","name":"Vicolli - Yaz\u0131l\u0131m & Tasar\u0131m","description":"Unlimited As Your Imagine","publisher":{"@id":"https:\/\/vicolli.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vicolli.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/vicolli.com\/#organization","name":"Vicolli - Yaz\u0131l\u0131m & Tasar\u0131m","url":"https:\/\/vicolli.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/vicolli.com\/#\/schema\/logo\/image\/","url":"https:\/\/vicolli.com\/wp-content\/uploads\/2022\/11\/dikdortgen.png","contentUrl":"https:\/\/vicolli.com\/wp-content\/uploads\/2022\/11\/dikdortgen.png","width":2205,"height":735,"caption":"Vicolli - Yaz\u0131l\u0131m & Tasar\u0131m"},"image":{"@id":"https:\/\/vicolli.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/vicolli.com\/index.php?rest_route=\/wp\/v2\/pages\/1352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vicolli.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vicolli.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vicolli.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vicolli.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1352"}],"version-history":[{"count":0,"href":"https:\/\/vicolli.com\/index.php?rest_route=\/wp\/v2\/pages\/1352\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/vicolli.com\/index.php?rest_route=\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/vicolli.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}