{"id":202,"date":"2020-09-26T16:10:24","date_gmt":"2020-09-26T16:10:24","guid":{"rendered":"https:\/\/devon.brickthemes.com\/?page_id=202"},"modified":"2020-09-26T16:10:24","modified_gmt":"2020-09-26T16:10:24","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/trivick.com\/es_cl\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Default Progress bar<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\tCoding\t\t\t<\/span>\n\t\t\n\t\t
\n\t\t\t
\n\t\t\t\tPHP\/HTML<\/span>\n\t\t\t\t\t\t\t\t\t77%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\tDesigning Skills\t\t\t<\/span>\n\t\t\n\t\t
\n\t\t\t
\n\t\t\t\tUX\/UI + Graphics Design<\/span>\n\t\t\t\t\t\t\t\t\t90%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\tPhoto & Video Skills\t\t\t<\/span>\n\t\t\n\t\t
\n\t\t\t
\n\t\t\t\tPhotoshop & After Effect<\/span>\n\t\t\t\t\t\t\t\t\t58%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\tBusiness Skills\t\t\t<\/span>\n\t\t\n\t\t
\n\t\t\t
\n\t\t\t\tFinance & Marketing<\/span>\n\t\t\t\t\t\t\t\t\t81%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n \n \n
\n
\n Design <\/span>\n 97 % \n \n\n\n <\/span>\n <\/div>\n
\n
\n <\/div>\n <\/div>\n <\/div>\n\n \n
\n
\n UX <\/span>\n 88 % \n \n\n\n <\/span>\n <\/div>\n
\n
\n <\/div>\n <\/div>\n <\/div>\n\n \n
\n
\n Coding <\/span>\n 92 % \n \n\n\n <\/span>\n <\/div>\n
\n
\n <\/div>\n <\/div>\n <\/div>\n\n \n
\n
\n Speed <\/span>\n 95 % \n \n\n\n <\/span>\n <\/div>\n
\n
\n <\/div>\n <\/div>\n <\/div>\n\n \n
\n
\n Passion <\/span>\n 100 % \n \n\n\n <\/span>\n <\/div>\n
\n
\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Styling Progress bar<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Alternative Progress bar<\/span><\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n \n \n
\n
\n
\n
\n Design <\/span>\n 97 \/ 100 % \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n
\n
\n UX <\/span>\n 88 \/ 100 % \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n
\n
\n Coding <\/span>\n 91 \/ 100 % \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n
\n
\n Speed <\/span>\n 95 \/ 100 % \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n
\n
\n Passion <\/span>\n 80 \/ 100 % \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n \n \n
\n
\n
\n <\/div>\n <\/div>\n
\n Design <\/span>\n 97 \n \n <\/span>\n <\/div>\n<\/div>\n\n \n
\n
\n
\n <\/div>\n <\/div>\n
\n UX <\/span>\n 88 \n \n <\/span>\n <\/div>\n<\/div>\n\n \n
\n
\n
\n <\/div>\n <\/div>\n
\n Coding <\/span>\n 91 \n \n <\/span>\n <\/div>\n<\/div>\n\n \n
\n
\n
\n <\/div>\n <\/div>\n
\n Speed <\/span>\n 95 \n \n <\/span>\n <\/div>\n<\/div>\n\n \n
\n
\n
\n <\/div>\n <\/div>\n
\n Passion <\/span>\n 59 \n \n <\/span>\n <\/div>\n<\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Rainbow animation<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n \n \n
\n
\n Design <\/span>\n <\/div>\n
\n
\n 97 \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n UX <\/span>\n <\/div>\n
\n
\n 88 \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n Coding <\/span>\n <\/div>\n
\n
\n 91 \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n Speed <\/span>\n <\/div>\n
\n
\n 95 \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n
\n
\n Passion <\/span>\n <\/div>\n
\n
\n 59 \n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Default Progress bar
\n\/*! elementor – v3.6.4 – 13-04-2022 *\/
\n.elementor-widget-progress{text-align:left}.elementor-progress-wrapper{position:relative;background-color:#eee;color:#fff;height:100%;border-radius:2px}.elementor-progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#818a91;width:0;font-size:11px;height:30px;line-height:30px;border-radius:2px;-webkit-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.elementor-progress-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;padding-left:15px}.elementor-progress-percentage{padding-right:15px}.elementor-widget-progress .elementor-progress-wrapper.progress-info .elementor-progress-bar{background-color:#5bc0de}.elementor-widget-progress .elementor-progress-wrapper.progress-success .elementor-progress-bar{background-color:#5cb85c}.elementor-widget-progress .elementor-progress-wrapper.progress-warning .elementor-progress-bar{background-color:#f0ad4e}.elementor-widget-progress .elementor-progress-wrapper.progress-danger .elementor-progress-bar{background-color:#d9534f}.elementor-progress .elementor-title{display:block}@media (max-width:767px){.elementor-progress-text{padding-left:10px}}<\/p>\n

\t\t\tCoding
\n\t\t\t\tPHP\/HTML
\n\t\t\t\t\t\t\t\t\t77%
\n\t\t\t\t\t\tDesigning Skills
\n\t\t\t\tUX\/UI + Graphics Design
\n\t\t\t\t\t\t\t\t\t90%
\n\t\t\t\t\t\tPhoto & Video Skills
\n\t\t\t\tPhotoshop & After Effect
\n\t\t\t\t\t\t\t\t\t58%
\n\t\t\t\t\t\tBusiness<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-nosidebar.php","meta":{"footnotes":""},"class_list":["post-202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages\/202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/comments?post=202"}],"version-history":[{"count":0,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages\/202\/revisions"}],"wp:attachment":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/media?parent=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}