{"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:\/\/ironworks.ai\/?page_id=837","title":{"rendered":"Progress Bars"},"content":{"rendered":"<section  class='av_textblock_section av-av_textblock-2989cb1a500f76248ec894598f4e8e5e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><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><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-sub-av-av_progress-6e95608fad7b84521d1f7018f176cd73\">\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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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-6e95608fad7b84521d1f7018f176cd73 av-striped-bar av-animated-bar avia_animate_when_almost_visible  avia-builder-el-1  el_after_av_textblock  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='' 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='' 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='' 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='' 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='' 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":750,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-837","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress Bars - IronWorks<\/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:\/\/ironworks.ai\/?page_id=837\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress Bars - IronWorks\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ironworks.ai\/?page_id=837\" \/>\n<meta property=\"og:site_name\" content=\"IronWorks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ironworks.ai\/?page_id=837\",\"url\":\"https:\/\/ironworks.ai\/?page_id=837\",\"name\":\"Progress Bars - IronWorks\",\"isPartOf\":{\"@id\":\"https:\/\/ironworks.ai\/#website\"},\"datePublished\":\"2013-04-01T22:59:15+00:00\",\"dateModified\":\"2013-04-01T22:59:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ironworks.ai\/?page_id=837#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ironworks.ai\/?page_id=837\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ironworks.ai\/?page_id=837#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ironworks.ai\/?page_id=3270\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\",\"item\":\"https:\/\/ironworks.ai\/?page_id=750\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Progress Bars\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ironworks.ai\/#website\",\"url\":\"https:\/\/ironworks.ai\/\",\"name\":\"IronWorks\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/ironworks.ai\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ironworks.ai\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ironworks.ai\/#organization\",\"name\":\"IronWorks\",\"url\":\"https:\/\/ironworks.ai\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ironworks.ai\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ironworks.ai\/wp-content\/uploads\/2024\/08\/Logo-scuro.png\",\"contentUrl\":\"https:\/\/ironworks.ai\/wp-content\/uploads\/2024\/08\/Logo-scuro.png\",\"width\":591,\"height\":291,\"caption\":\"IronWorks\"},\"image\":{\"@id\":\"https:\/\/ironworks.ai\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/ironworks.ai\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress Bars - IronWorks","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:\/\/ironworks.ai\/?page_id=837","og_locale":"en_US","og_type":"article","og_title":"Progress Bars - IronWorks","og_url":"https:\/\/ironworks.ai\/?page_id=837","og_site_name":"IronWorks","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ironworks.ai\/?page_id=837","url":"https:\/\/ironworks.ai\/?page_id=837","name":"Progress Bars - IronWorks","isPartOf":{"@id":"https:\/\/ironworks.ai\/#website"},"datePublished":"2013-04-01T22:59:15+00:00","dateModified":"2013-04-01T22:59:15+00:00","breadcrumb":{"@id":"https:\/\/ironworks.ai\/?page_id=837#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ironworks.ai\/?page_id=837"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ironworks.ai\/?page_id=837#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ironworks.ai\/?page_id=3270"},{"@type":"ListItem","position":2,"name":"Shortcodes","item":"https:\/\/ironworks.ai\/?page_id=750"},{"@type":"ListItem","position":3,"name":"Progress Bars"}]},{"@type":"WebSite","@id":"https:\/\/ironworks.ai\/#website","url":"https:\/\/ironworks.ai\/","name":"IronWorks","description":"","publisher":{"@id":"https:\/\/ironworks.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ironworks.ai\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ironworks.ai\/#organization","name":"IronWorks","url":"https:\/\/ironworks.ai\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ironworks.ai\/#\/schema\/logo\/image\/","url":"https:\/\/ironworks.ai\/wp-content\/uploads\/2024\/08\/Logo-scuro.png","contentUrl":"https:\/\/ironworks.ai\/wp-content\/uploads\/2024\/08\/Logo-scuro.png","width":591,"height":291,"caption":"IronWorks"},"image":{"@id":"https:\/\/ironworks.ai\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/ironworks.ai\/"]}]}},"_links":{"self":[{"href":"https:\/\/ironworks.ai\/index.php?rest_route=\/wp\/v2\/pages\/837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ironworks.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ironworks.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ironworks.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ironworks.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=837"}],"version-history":[{"count":0,"href":"https:\/\/ironworks.ai\/index.php?rest_route=\/wp\/v2\/pages\/837\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ironworks.ai\/index.php?rest_route=\/wp\/v2\/pages\/750"}],"wp:attachment":[{"href":"https:\/\/ironworks.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}