{"id":11,"date":"2016-08-02T05:57:33","date_gmt":"2016-08-02T05:57:33","guid":{"rendered":"http:\/\/main.arktheme.com\/?page_id=11"},"modified":"2023-11-13T17:34:47","modified_gmt":"2023-11-13T17:34:47","slug":"vertical-progress-bar","status":"publish","type":"page","link":"https:\/\/durantlax.com\/index.php\/shortcodes\/infographics\/vertical-progress-bar\/","title":{"rendered":"Vertical Progress Bar"},"content":{"rendered":"<p><section class=\"ffb-id-h7lqa1q fg-section fg-el-has-bg fg-text-dark\"><span class=\"fg-bg\"><span data-fg-bg=\"{&quot;type&quot;:&quot;image&quot;,&quot;opacity&quot;:&quot;1&quot;,&quot;url&quot;:&quot;https:\\\/\\\/durantlax.com\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/17.jpg&quot;,&quot;size&quot;:&quot;cover&quot;,&quot;repeat&quot;:&quot;no-repeat&quot;,&quot;attachment&quot;:&quot;fixed&quot;,&quot;position&quot;:&quot;10% 100%&quot;}\" class=\"fg-bg-layer fg-bg-type-image \" style=\"opacity: 1; background-image: url(&quot;https:\/\/durantlax.com\/wp-content\/uploads\/2016\/08\/17.jpg&quot;); background-repeat: no-repeat; background-attachment: fixed; background-position: 10% 100%; background-size: cover;\"><\/span><span data-fg-bg=\"{&quot;type&quot;:&quot;color&quot;,&quot;opacity&quot;:1,&quot;color&quot;:&quot;rgba(53, 53, 61, 0.5)&quot;}\" class=\"fg-bg-layer fg-bg-type-color \" style=\"opacity: 1; background-color: rgba(53, 53, 61, 0.5);\"><\/span><\/span><div class=\"fg-container container fg-container-large fg-container-lvl--1 \"><div class=\"fg-row row    \" ><div class=\"ffb-id-h7lqa1r fg-col col-xs-12 col-xs-offset-0 col-xs-pull-0 col-xs-push-0 col-md-12 fg-text-dark\"><section class=\"ffb-id-h7lqsit breadcrumbs-v5 fg-el-has-bg fg-text-light\"><span class=\"fg-bg\"><span data-fg-bg=\"{&quot;type&quot;:&quot;color&quot;,&quot;opacity&quot;:1,&quot;color&quot;:&quot;&quot;}\" class=\"fg-bg-layer fg-bg-type-color \" style=\"opacity: 1; background-color: ;\"><\/span><\/span><h2 class=\"breadcrumbs-v5-title\"><\/h2><span class=\"breadcrumbs-v5-subtitle\"><\/span><\/section><\/div><\/div><\/div><\/section><style>.ffb-id-h7lqa1q{ padding-top: 170px;padding-bottom: 100px;}.ffb-id-h7lqsit  .breadcrumbs-v5-title{ color:#ffffff;}.ffb-id-h7lqsit  a{ color:#ffffff;}.ffb-id-h7lqsit  a:hover{ color:#004687;}.ffb-id-h7lqsit  .breadcrumbs-v5-subtitle{ color:#ffffff;}.ffb-id-h7lqsit  .breadcrumbs-v5-subtitle .active{ color:#ffffff;}<\/style><script type=\"text\/javascript\"><\/script><section class=\"ffb-id-hqio2rn fg-section fg-text-dark\"><div class=\"fg-container container fg-container-large fg-container-lvl--1 \"><div class=\"fg-row row    \" ><div class=\"ffb-id-hqio2ro fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-hqio2rp progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar \" role=\"progressbar\" data-height=\"60\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Web Design<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">60%<\/span><\/section><\/div><div class=\"ffb-id-hqio2rq fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-hqio2rr progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar \" role=\"progressbar\" data-height=\"76\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">PHP\/WordPress<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">76%<\/span><\/section><\/div><div class=\"ffb-id-hqio2rs fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-hqio2rt progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar \" role=\"progressbar\" data-height=\"92\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">HTML\/CSS<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">92%<\/span><\/section><\/div><div class=\"ffb-id-hqio2s0 fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-hqio2s1 progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar \" role=\"progressbar\" data-height=\"80\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Research<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">80%<\/span><\/section><\/div><div class=\"ffb-id-hqio2ru fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-hqio2rv progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar \" role=\"progressbar\" data-height=\"90\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Development<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">90%<\/span><\/section><\/div><div class=\"ffb-id-hqio2s2 fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-hqio2s3 progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar \" role=\"progressbar\" data-height=\"57\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Market<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">57%<\/span><\/section><\/div><\/div><\/div><\/section><style>.ffb-id-h7lqa1q{ \npadding-top: 170px;\npadding-bottom: 100px;\n\n}\n.ffb-id-h7lqsit  .breadcrumbs-v5-title{ \ncolor:#ffffff;\n}\n.ffb-id-h7lqsit  a{ \ncolor:#ffffff;\n}\n.ffb-id-h7lqsit  a:hover{ \ncolor:#004687;\n}\n.ffb-id-h7lqsit  .breadcrumbs-v5-subtitle{ \ncolor:#ffffff;\n}\n.ffb-id-h7lqsit  .breadcrumbs-v5-subtitle .active{ \ncolor:#ffffff;\n}\n.ffb-id-hqio2rn{ padding-top: 80px;padding-bottom: 60px;}.ffb-id-hqio2s3 .progress{ background-color: #f2f4f9;}.ffb-id-hqio2s3 .progress-bar{ background-color: #004687;}.ffb-id-hqio2rv .progress{ background-color: #f2f4f9;}.ffb-id-hqio2rv .progress-bar{ background-color: #004687;}.ffb-id-hqio2s1 .progress{ background-color: #f2f4f9;}.ffb-id-hqio2s1 .progress-bar{ background-color: #004687;}.ffb-id-hqio2rt .progress{ background-color: #f2f4f9;}.ffb-id-hqio2rt .progress-bar{ background-color: #004687;}.ffb-id-hqio2rr .progress{ background-color: #f2f4f9;}.ffb-id-hqio2rr .progress-bar{ background-color: #004687;}.ffb-id-hqio2rp .progress{ background-color: #f2f4f9;}.ffb-id-hqio2rp .progress-bar{ background-color: #004687;}<\/style><script type=\"text\/javascript\"><\/script><section class=\"ffb-id-h7lqcdm fg-section fg-el-has-bg fg-text-dark\"><span class=\"fg-bg\"><span data-fg-bg=\"{&quot;type&quot;:&quot;color&quot;,&quot;opacity&quot;:1,&quot;color&quot;:&quot;#f7f8fa&quot;}\" class=\"fg-bg-layer fg-bg-type-color \" style=\"opacity: 1; background-color: #f7f8fa;\"><\/span><\/span><div class=\"fg-container container fg-container-large fg-container-lvl--1 \"><div class=\"fg-row row    \" ><div class=\"ffb-id-h7lqcdn fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-h7lsv7h progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-height=\"60\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Web Design<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">60%<\/span><\/section><\/div><div class=\"ffb-id-h7mghjj fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-h7mghjk progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-height=\"76\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">PHP\/WordPress<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">76%<\/span><\/section><\/div><div class=\"ffb-id-h7mgmo1 fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-h7mgmo2 progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-height=\"92\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">HTML\/CSS<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">92%<\/span><\/section><\/div><div class=\"ffb-id-h7mgqec fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-h7mgqed progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-height=\"90\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Development<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">90%<\/span><\/section><\/div><div class=\"ffb-id-h7mgsjd fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-h7mgsje progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-height=\"80\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Research<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">80%<\/span><\/section><\/div><div class=\"ffb-id-h7mguq3 fg-col col-xs-4 col-sm-2 fg-text-dark\"><section class=\"ffb-id-h7mguq4 progress-box progress-box-v3 text-center fg-text-dark\"><div class=\"progress progress-vertical radius-0\"><div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" data-height=\"57\"><\/div><\/div><h2 class=\"progress-box-v3-title fg-text-dark ffb-title\">Market<\/h2><span class=\"progress-box-number fg-text-dark ffb-value\">57%<\/span><\/section><\/div><\/div><\/div><\/section><style>.ffb-id-hqio2rn{ \npadding-top: 80px;\npadding-bottom: 60px;\n\n}\n.ffb-id-hqio2s3 .progress{ \nbackground-color: #f2f4f9;\n}\n.ffb-id-hqio2s3 .progress-bar{ \nbackground-color: #004687;\n}\n.ffb-id-hqio2rv .progress{ \nbackground-color: #f2f4f9;\n}\n.ffb-id-hqio2rv .progress-bar{ \nbackground-color: #004687;\n}\n.ffb-id-hqio2s1 .progress{ \nbackground-color: #f2f4f9;\n}\n.ffb-id-hqio2s1 .progress-bar{ \nbackground-color: #004687;\n}\n.ffb-id-hqio2rt .progress{ \nbackground-color: #f2f4f9;\n}\n.ffb-id-hqio2rt .progress-bar{ \nbackground-color: #004687;\n}\n.ffb-id-hqio2rr .progress{ \nbackground-color: #f2f4f9;\n}\n.ffb-id-hqio2rr .progress-bar{ \nbackground-color: #004687;\n}\n.ffb-id-hqio2rp .progress{ \nbackground-color: #f2f4f9;\n}\n.ffb-id-hqio2rp .progress-bar{ \nbackground-color: #004687;\n}\n.ffb-id-h7lqcdm{ padding-top: 80px;padding-bottom: 60px;}.ffb-id-h7mguq4 .progress{ background-color: #f2f4f9;}.ffb-id-h7mguq4 .progress-bar{ background-color: #004687;}.ffb-id-h7mgsje .progress{ background-color: #f2f4f9;}.ffb-id-h7mgsje .progress-bar{ background-color: #d9534f;}.ffb-id-h7mgqed .progress{ background-color: #f2f4f9;}.ffb-id-h7mgqed .progress-bar{ background-color: #f0ad4e;}.ffb-id-h7mgmo2 .progress{ background-color: #f2f4f9;}.ffb-id-h7mgmo2 .progress-bar{ background-color: #5bc0de;}.ffb-id-h7mghjk .progress{ background-color: #f2f4f9;}.ffb-id-h7mghjk .progress-bar{ background-color: #5cb85c;}.ffb-id-h7lsv7h .progress{ background-color: #f2f4f9;}.ffb-id-h7lsv7h .progress-bar{ background-color: #004687;}<\/style><script type=\"text\/javascript\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":5384,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/pages\/11"}],"collection":[{"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":1,"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":11381,"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/11381"}],"up":[{"embeddable":true,"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/pages\/5384"}],"wp:attachment":[{"href":"https:\/\/durantlax.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}