{"id":115,"date":"2018-09-11T15:40:25","date_gmt":"2018-09-11T15:40:25","guid":{"rendered":"https:\/\/neuronthemes.com\/centaurus\/?page_id=115"},"modified":"2025-12-27T16:53:41","modified_gmt":"2025-12-27T16:53:41","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/neuronthemes.com\/centaurus\/elements\/interactive\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"\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\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

Default<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
Design<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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\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

Height<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design (Height 4PX)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Height 8PX)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Height 10PX)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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\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

Color<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design (Blue)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Red)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Green)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
Development (Gray)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Design (Dark)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Violet)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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\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

Background Color<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design (Light Blue)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Light Red)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Light Green)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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\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

Title Color<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design (Blue)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Red)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Green)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
Design (Grey)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Black)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Violet)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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\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

Percentage Color<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design (Blue)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Red)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Green)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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\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

Title Typography<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design (Playfair Display)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Space Mono)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Archivo Black)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
Design (Asap)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Merriweather)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Ubuntu)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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\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

Percentage Typography<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

An amazing element which allows you to represent
skills or any other thing via a good looking progress bar.<\/p>\t\t\t\t\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
\n\t\t\t\t\t
\n
\n
Design (Playfair Display)<\/div>\n 89%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Photography (Space Mono)<\/div>\n 82%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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
\n
\n
Development (Archivo Black)<\/div>\n 94%<\/span>\n <\/div>\n
\n \n <\/span>\n <\/span>\n <\/div>\n <\/div>\n\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Default An amazing element which allows you to representskills or any other thing via a good looking progress…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3190,"menu_order":88,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-115","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":1,"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":10724,"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/pages\/115\/revisions\/10724"}],"up":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/pages\/3190"}],"wp:attachment":[{"href":"https:\/\/neuronthemes.com\/centaurus\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}