{"id":837,"date":"2013-04-01T22:59:15","date_gmt":"2013-04-01T22:59:15","guid":{"rendered":"http:\/\/www.kriesi.at\/themes\/enfold\/?page_id=837"},"modified":"2013-04-01T22:59:15","modified_gmt":"2013-04-01T22:59:15","slug":"progressbars","status":"publish","type":"page","link":"https:\/\/watanuki.jp\/?page_id=837","title":{"rendered":"Progress Bars"},"content":{"rendered":"<div class='avia_textblock '><h3>Multiple Progress Bars<\/h3>\n<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>\n<div class='avia-progress-bar-container avia_animate_when_almost_visible '><div class='avia-progress-bar &#8217;theme-color&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;HTML&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;100&#8242;%' data-progress='&#8217;100&#8242;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;grey&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;CSS&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;50&#8217;%' data-progress='&#8217;50&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;silver&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Javascript&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;20&#8217;%' data-progress='&#8217;20&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;blue&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Video&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;30&#8217;%' data-progress='&#8217;30&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;green&#8217;-bar icon-bar-&#8217;yes&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Flash&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;70&#8217;%' data-progress='&#8217;70&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;orange&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Photoshop&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;80&#8217;%' data-progress='&#8217;80&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;red&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;After<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;20&#8217;%' data-progress='&#8217;20&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;aqua&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Premiere&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;60&#8217;%' data-progress='&#8217;60&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;teal&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Dreamweaver&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;95&#8217;%' data-progress='&#8217;95&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;purple&#8217;-bar icon-bar-&#8217;yes&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Illustrator&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;40&#8217;%' data-progress='&#8217;40&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;pink&#8217;-bar icon-bar-&#8217;no&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8221;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;30&#8217;%' data-progress='&#8217;30&#8217;'><\/div><\/div><\/div><\/div><div class='avia-progress-bar &#8217;black&#8217;-bar icon-bar-&#8217;yes&#8217;'><div class='progressbar-title-wrap'><div class='progressbar-icon avia-font-entypo-fontello'><span class='progressbar-char'>&#128222;<\/span><\/div><div class='progressbar-title'>&#8217;Unagi&#8217;<\/div><\/div><div class='progress'><div class='bar-outer'><div class='bar' style='width: &#8217;10&#8217;%' data-progress='&#8217;10&#8217;'><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":750,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/watanuki.jp\/index.php?rest_route=\/wp\/v2\/pages\/837"}],"collection":[{"href":"https:\/\/watanuki.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/watanuki.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/watanuki.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/watanuki.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=837"}],"version-history":[{"count":0,"href":"https:\/\/watanuki.jp\/index.php?rest_route=\/wp\/v2\/pages\/837\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/watanuki.jp\/index.php?rest_route=\/wp\/v2\/pages\/750"}],"wp:attachment":[{"href":"https:\/\/watanuki.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}