{"id":8,"date":"2025-03-04T06:34:16","date_gmt":"2025-03-04T06:34:16","guid":{"rendered":"https:\/\/themepoints.com\/skillbar\/?page_id=8"},"modified":"2025-03-05T03:07:51","modified_gmt":"2025-03-05T03:07:51","slug":"home","status":"publish","type":"page","link":"https:\/\/themepoints.com\/skillbar\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d4722e e-flex e-con-boxed e-con e-parent\" data-id=\"0d4722e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55364dc elementor-widget elementor-widget-heading\" data-id=\"55364dc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skill Bar For WordPress\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-050ea24 elementor-widget elementor-widget-heading\" data-id=\"050ea24\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Skill Bar for WordPress is a simple yet powerful plugin that allows you to showcase skills, progress, or<br \/> any percentage-based data in an engaging and visually appealing way.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6728ba7 e-flex e-con-boxed e-con e-parent\" data-id=\"6728ba7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e5cee95 e-con-full e-flex e-con e-child\" data-id=\"e5cee95\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1f268d elementor-widget elementor-widget-heading\" data-id=\"b1f268d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skill Bar Style1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b74d8e6 e-con-full e-flex e-con e-child\" data-id=\"b74d8e6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e717ccc elementor-widget elementor-widget-shortcode\" data-id=\"e717ccc\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style type=\"text\/css\">\r\n\t.skillbar-area-7{\r\n\t\tmargin:0;\r\n\t\tpadding:0;\r\n\t}\r\n\t.skillbar-area-7 .single-skill-item{\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\t.skillbar-area-7 .skillbar  {\r\n\t\tposition:  relative;\r\n\t\tdisplay:  block;\r\n\t\twidth:  100%;\r\n\t\theight:  42px;\r\n\t\tborder-radius: 0px;\r\n\t\t-webkit-transition:  0.4s linear;\r\n\t\t-moz-transition:  0.4s linear;\r\n\t\t-ms-transition:  0.4s linear;\r\n\t\t-o-transition:  0.4s linear;\r\n\t\ttransition:  0.4s linear;\r\n\t\t-webkit-transition-property:  width,  background-color;\r\n\t\t-moz-transition-property:  width,  background-color;\r\n\t\t-ms-transition-property:  width,  background-color;\r\n\t\t-o-transition-property:  width,  background-color;\r\n\t\ttransition-property:  width,  background-color;\r\n\t}\r\n\t.skillbar-area-7 .skillbar-titles h6  {\r\n\t\tfont-size: 16px;\r\n\t\ttext-transform: none;\r\n\t\tfont-style: normal;\r\n\t\tmargin:0;\r\n\t\tpadding:0;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\t.skillbar-area-7 .skillbar-bar  {\r\n\t\theight: 42px;\r\n\t\twidth: 0px;\r\n\t\tborder-radius: 0px;\r\n\t}\r\n\t.skillbar-area-7 .skillbar-percent  {\r\n\t\tposition:  absolute;\r\n\t\tright:  10px;\r\n\t\ttop:  0;\r\n\t\tfont-size:  12px;\r\n\t\theight:  42px;\r\n\t\tline-height:  42px;\r\n\t\tcolor:  #444;\r\n\t\tcolor:  rgba(0, 0, 0, 0.4);\r\n\t}\r\n\t.skillbar-area-7 .no-percent .skillbar-percent  {\r\n\t\tdisplay: none;\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"skillbar-area-7\">\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#0011ff\">WordPress<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"90%\" style=\"background:#b8cdff\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#0040ff\"><\/div>\r\n\t            \t                <div class=\"skillbar-percent\" style=\"color:#000000\">90%<\/div>\r\n\t            \t        <\/div>\r\n        <\/div>\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#ff80a6\">BootStrap<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"75%\" style=\"background:#ff9ebb\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#e00043\"><\/div>\r\n\t            \t                <div class=\"skillbar-percent\" style=\"color:#000000\">75%<\/div>\r\n\t            \t        <\/div>\r\n        <\/div>\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#06b2b2\">JavaScript<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"65%\" style=\"background:#9ee9ea\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#02b1a5\"><\/div>\r\n\t            \t                <div class=\"skillbar-percent\" style=\"color:#000000\">65%<\/div>\r\n\t            \t        <\/div>\r\n        <\/div>\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#0f8000\">HTML<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"55%\" style=\"background:#70b168\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#0f8000\"><\/div>\r\n\t            \t                <div class=\"skillbar-percent\" style=\"color:#ffffff\">55%<\/div>\r\n\t            \t        <\/div>\r\n        <\/div>\r\n\t<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dfd24e e-flex e-con-boxed e-con e-parent\" data-id=\"5dfd24e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d1be32c e-con-full e-flex e-con e-child\" data-id=\"d1be32c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7452cf elementor-widget elementor-widget-heading\" data-id=\"f7452cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skill Bar Style2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-105ca06 e-con-full e-flex e-con e-child\" data-id=\"105ca06\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0c17e2 elementor-widget elementor-widget-shortcode\" data-id=\"f0c17e2\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style type=\"text\/css\">\r\n\t.skillbar-area-22{\r\n\t\tmargin:0;\r\n\t\tpadding:0;\r\n\t\tposition: relative;\r\n\t}\r\n\t.skillbar-area-22 .single-skill-item {\r\n\t\toverflow: hidden;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\t.skillbar-area-22 .single-skill-item:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t.skillbar-area-22 .single-skill-item h6 {\r\n\t\tfont-size: 16px;\r\n\t\ttext-transform: none;\r\n\t\tfont-style: normal;\r\n\t    margin-bottom: 15px;\r\n\t    margin-top: 0;\r\n\t    text-transform: capitalize;\r\n\t}\r\n\t.skillbar-area-22 .single-skill-item .progress {\r\n\t    display: -ms-flexbox;\r\n\t    display: flex;\r\n\t    height: 6px;\r\n\t    overflow: visible;\r\n\t    font-size: initial;\r\n\t    background-color: #182768;\r\n\t    border-radius: 0px;\r\n\t}\r\n\t.skillbar-area-22 .single-skill-item .progress-bar {\r\n\t\toverflow: visible;\r\n\t\tposition: relative;\r\n\t\tborder-radius: 0px;\r\n\t}\r\n\t.skillbar-area-22 .single-skill-item .progress-bar span {\r\n\t    position: absolute;\r\n\t    right: 0;\r\n\t    bottom: 20px;\r\n\t    color: #fff;\r\n\t    font-size: 14px;\r\n\t    font-weight: 700;\r\n\t    padding: 3px 6px;\r\n\t    line-height: 1;\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"skillbar-area-22\">\r\n\t        <div class=\"single-skill-item\">\r\n                            <h6 style=\"color:#333333\">BootStrap<\/h6>\r\n                        <div class=\"progress\" style=\"background:#ffb3db\">\r\n\t\t\t\t<div class=\"progress-bar\" data-percent=\"95%\" role=\"progressbar\" style=\"background:#ff0095;width:95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t            \t\t                <span style=\"color:#333333\">95%<\/span>\r\n\t\t            \t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n\t        <div class=\"single-skill-item\">\r\n                            <h6 style=\"color:#333333\">Elementor<\/h6>\r\n                        <div class=\"progress\" style=\"background:#bbffb3\">\r\n\t\t\t\t<div class=\"progress-bar\" data-percent=\"85%\" role=\"progressbar\" style=\"background:#3fd001;width:85%\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t            \t\t                <span style=\"color:#333333\">85%<\/span>\r\n\t\t            \t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n\t        <div class=\"single-skill-item\">\r\n                            <h6 style=\"color:#333333\">WPBakery<\/h6>\r\n                        <div class=\"progress\" style=\"background:#80ceff\">\r\n\t\t\t\t<div class=\"progress-bar\" data-percent=\"75%\" role=\"progressbar\" style=\"background:#0498d7;width:75%\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t            \t\t                <span style=\"color:#333333\">75%<\/span>\r\n\t\t            \t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n\t        <div class=\"single-skill-item\">\r\n                            <h6 style=\"color:#333333\">Shopify<\/h6>\r\n                        <div class=\"progress\" style=\"background:#ffbaa3\">\r\n\t\t\t\t<div class=\"progress-bar\" data-percent=\"65%\" role=\"progressbar\" style=\"background:#ca3e02;width:65%\" aria-valuenow=\"65\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t            \t\t                <span style=\"color:#333333\">65%<\/span>\r\n\t\t            \t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n\t        <div class=\"single-skill-item\">\r\n                            <h6 style=\"color:#333333\">CSS3<\/h6>\r\n                        <div class=\"progress\" style=\"background:#ffb3f5\">\r\n\t\t\t\t<div class=\"progress-bar\" data-percent=\"55%\" role=\"progressbar\" style=\"background:#b800b1;width:55%\" aria-valuenow=\"55\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n\t\t            \t\t                <span style=\"color:#333333\">55%<\/span>\r\n\t\t            \t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n\t<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7b4c6c e-flex e-con-boxed e-con e-parent\" data-id=\"b7b4c6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-906567b e-con-full e-flex e-con e-child\" data-id=\"906567b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7cb490 elementor-widget elementor-widget-heading\" data-id=\"a7cb490\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skill Bar Style3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3091280 e-con-full e-flex e-con e-child\" data-id=\"3091280\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d712028 elementor-widget elementor-widget-shortcode\" data-id=\"d712028\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style type=\"text\/css\">\r\n\t.skillbar-area-26{\r\n\t\tmargin:\t0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t.skillbar-area-26 .single-skill-item{\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\t.skillbar-area-26 .skillbar  {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\tmargin-top: 0px;\r\n\t\theight: 10px;\r\n\t\tborder-radius: 50px;\r\n\t\t-webkit-transition:  0.4s linear;\r\n\t\t-moz-transition:  0.4s linear;\r\n\t\t-ms-transition:  0.4s linear;\r\n\t\t-o-transition:  0.4s linear;\r\n\t\ttransition:  0.4s linear;\r\n\t\t-webkit-transition-property:  width,  background-color;\r\n\t\t-moz-transition-property:  width,  background-color;\r\n\t\t-ms-transition-property:  width,  background-color;\r\n\t\t-o-transition-property:  width,  background-color;\r\n\t\ttransition-property:  width,  background-color;\r\n\t }\r\n\t.skillbar-area-26 .single-skill-item .skillbar-titles h6 {\r\n\t\tfont-size: 16px;\r\n\t\ttext-transform: none;\r\n\t\tfont-style: normal;\r\n\t    margin: 0;\r\n\t    padding: 0;\r\n\t    margin-bottom: 15px;\r\n\t}\r\n\t.skillbar-area-26 .skillbar-bar  {\r\n\t\theight: 10px;\r\n\t\twidth: 0px;\r\n\t\tborder-radius: 50px;\r\n\t }\r\n\t.skillbar-area-26 .skillbar-percent  {\r\n\t\tposition:  absolute;\r\n\t\tright: 0px;\r\n\t\ttop: 0;\r\n\t\tfont-size: 12px;\r\n\t\theight: auto;\r\n\t\tline-height: auto;\r\n\t\tcolor: #444;\r\n\t\tcolor: rgba(0, 0, 0, 0.4);\r\n\t }\r\n\t.skillbar-area-26 .no-percent .skillbar-percent  {\r\n\t\tdisplay: none;\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"skillbar-area-26\">\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#333333\">BootStrap<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"70%\" style=\"background:#dddddd\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#fff700\"><\/div>\r\n\t        <\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#333333\">70%<\/div>\r\n                    <\/div>\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#333333\">React.JS<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"80%\" style=\"background:#dddddd\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#73ff00\"><\/div>\r\n\t        <\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#333333\">80%<\/div>\r\n                    <\/div>\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#333333\">JavaScript<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"90%\" style=\"background:#dddddd\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#c00c90\"><\/div>\r\n\t        <\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#333333\">90%<\/div>\r\n                    <\/div>\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#333333\">HTML<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"55%\" style=\"background:#dddddd\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#00ff6e\"><\/div>\r\n\t        <\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#333333\">55%<\/div>\r\n                    <\/div>\r\n\t\t\t<div class=\"single-skill-item\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#333333\">CSS3<\/h6><\/div>\r\n            \t        <div class=\"skillbar\" data-percent=\"45%\" style=\"background:#dddddd\">\r\n\t            <div class=\"skillbar-bar\" style=\"background:#d62b00\"><\/div>\r\n\t        <\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#333333\">45%<\/div>\r\n                    <\/div>\r\n\t<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af0734a e-flex e-con-boxed e-con e-parent\" data-id=\"af0734a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-787080d e-con-full e-flex e-con e-child\" data-id=\"787080d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c1515d elementor-widget elementor-widget-heading\" data-id=\"3c1515d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skill Bar Style4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b93b6ff e-con-full e-flex e-con e-child\" data-id=\"b93b6ff\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7e7e2e elementor-widget elementor-widget-shortcode\" data-id=\"f7e7e2e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style type=\"text\/css\">\r\n\t.skillbar-area-30{\r\n\t\tmargin:0;\r\n\t\tpadding:0;\r\n\t}\r\n\t.skillbar-area-30 .skillbar  {\r\n\t\tposition: relative;\r\n\t\tmargin-bottom: 20px;\r\n\t\twidth: 100%;\r\n\t\tborder-radius: 50px;\r\n\t }\r\n\t.skillbar-area-30 .skillbar-titles  {\r\n\t\tposition: absolute;\r\n\t }\r\n\t.skillbar-area-30 .skillbar-titles h6  {\r\n\t\tfont-size: 16px;\r\n\t\ttext-transform: none;\r\n\t\tfont-style: normal;\r\n\t\tmargin: 0px;\r\n\t\tpadding: 0px;\r\n\t\tdisplay: block;\r\n\t\tline-height: 42px;\r\n\t\tpadding-left: 15px;\r\n\t }\r\n\t.skillbar-area-30 .skillbar-bar  {\r\n\t\theight: 42px;\r\n\t\twidth: 0px;\r\n\t\tborder-radius: 50px;\r\n\t }\r\n\t.skillbar-area-30 .skillbar-percent  {\r\n\t\tposition:  absolute;\r\n\t\tright: 10px;\r\n\t\ttop: 0;\r\n\t\tfont-size: 12px;\r\n\t\theight: 42px;\r\n\t\tline-height: 42px;\r\n\t\tcolor: #444;\r\n\t\tcolor: rgba(0, 0, 0, 0.4);\r\n\t }\r\n\t.skillbar-area-30 .no-percent .skillbar-percent  {\r\n\t\tdisplay: none;\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"skillbar-area-30\">\r\n\t        <div class=\"skillbar\" data-percent=\"70%\" style=\"background:#dddddd\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#ffffff\">Tailwind<\/h6><\/div>\r\n                        <div class=\"skillbar-bar\" style=\"background:#333333\"><\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#000000\">70%<\/div>\r\n                    <\/div>\r\n\t        <div class=\"skillbar\" data-percent=\"80%\" style=\"background:#4dccd5\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#ffffff\">Figma<\/h6><\/div>\r\n                        <div class=\"skillbar-bar\" style=\"background:#00949e\"><\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#000000\">80%<\/div>\r\n                    <\/div>\r\n\t        <div class=\"skillbar\" data-percent=\"90%\" style=\"background:#7859cf\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#ffffff\">PHP<\/h6><\/div>\r\n                        <div class=\"skillbar-bar\" style=\"background:#3101a2\"><\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#ffffff\">90%<\/div>\r\n                    <\/div>\r\n\t        <div class=\"skillbar\" data-percent=\"65%\" style=\"background:#d75656\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#ffffff\">Weebly<\/h6><\/div>\r\n                        <div class=\"skillbar-bar\" style=\"background:#cc0000\"><\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#ffffff\">65%<\/div>\r\n                    <\/div>\r\n\t        <div class=\"skillbar\" data-percent=\"50%\" style=\"background:#9da257\">\r\n                            <div class=\"skillbar-titles\"><h6 style=\"color:#ffffff\">Drupal<\/h6><\/div>\r\n                        <div class=\"skillbar-bar\" style=\"background:#7e8a00\"><\/div>\r\n                            <div class=\"skillbar-percent\" style=\"color:#ffffff\">50%<\/div>\r\n                    <\/div>\r\n\t<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Skill Bar For WordPress\u200b Skill Bar for WordPress is a simple yet powerful plugin that allows you to showcase skills, progress, or any percentage-based data in an engaging and visually appealing way. Skill Bar Style1 Skill Bar Style2 Skill Bar Style3 Skill Bar Style4<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":52,"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/pages\/8\/revisions\/1176"}],"wp:attachment":[{"href":"https:\/\/themepoints.com\/skillbar\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}