{"id":596,"date":"2025-05-14T11:51:48","date_gmt":"2025-05-14T11:51:48","guid":{"rendered":"https:\/\/fse.catchthemes.com\/catch-fse\/?page_id=596"},"modified":"2025-05-15T06:02:05","modified_gmt":"2025-05-15T06:02:05","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/fse.catchthemes.com\/catch-fse\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull wp-block-section is-style-default is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-cf05694f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group section-heading is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">A progress bar is a visual element<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n<\/div>\n\n\n\n<p>Even by his own high standards Lewis Hamilton set a new benchmark in 2019. In a class of his own, his sixth championship was defined by opening with an almost crushing, relentless run \u2026<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\r\n\r\n    <div style=\"--radiusValue:16px;--barStyleWidth:10px;\" class=\"standard-style stripe animate-stripe wp-block-fse-pro-progress-bar\">\r\n\r\n        \n\r\n\t<div style=\"--barProgressValue:70%\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"70\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Webdesign<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tstyle=\"min-height: 25px\">\r\n\t\t\t\t\t\t<span class=\"bar-number\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t70%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--barProgressValue:90%\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"90\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Front-end<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tstyle=\"min-height: 25px\">\r\n\t\t\t\t\t\t<span class=\"bar-number\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t90%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--barProgressValue:50%\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"50\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Javascript<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tstyle=\"min-height: 25px\">\r\n\t\t\t\t\t\t<span class=\"bar-number\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t50%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--barProgressValue:60%\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"60\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">PHP<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tstyle=\"min-height: 25px\">\r\n\t\t\t\t\t\t<span class=\"bar-number\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t60%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--barProgressValue:45%\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"45\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Photoshop<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tstyle=\"min-height: 25px\">\r\n\t\t\t\t\t\t<span class=\"bar-number\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t45%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n    <\/div>\r\n\r\n\r\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wp-block-section is-style-default is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-cf05694f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\r\n\r\n    <div style=\"--radiusValue:16px;--barStyleWidth:10px;\" class=\"bar-style stripe animate-stripe wp-block-fse-pro-progress-bar\">\r\n\r\n        \n\r\n\t<div style=\"--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"70\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Webdesign<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t<span class=\"bar-number has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t70%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"90\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Front-end<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t<span class=\"bar-number has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t90%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"50\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Javascript<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t<span class=\"bar-number has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t50%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"60\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">PHP<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t<span class=\"bar-number has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t60%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"45\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Photoshop<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"bar-layout\">\r\n\t\t\t\t<div class=\"progress-bar-wrap\">\r\n\t\t\t\t\t<div class=\"bar-overlay\"\r\n\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bar-chart\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t<span class=\"bar-number has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t45%\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n    <\/div>\r\n\r\n\r\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group section-heading is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">A progress bar is a visual element<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n<\/div>\n\n\n\n<p>Even by his own high standards Lewis Hamilton set a new benchmark in 2019. In a class of his own, his sixth championship was defined by opening with an almost crushing, relentless run \u2026<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull wp-block-section is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group wp-block-group-heading is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"wp-block-heading has-text-align-center has-text-link-color has-text-color\" style=\"text-transform:uppercase\">Tagline<\/h6>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:400\">Visual element<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Subtitle<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\r\n\r\n    <div style=\"--radiusValue:16px;--barStyleWidth:10px;--circleWidth:2\" class=\"circular-style alignwide wp-block-fse-pro-progress-bar\">\r\n\r\n        \n\r\n\t<div style=\"--barProgressValue:70%--selectedNumberBg:#ffffff;--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"70\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Webdesign<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"circular-canvas\" style=\"--strokevalue:70\">\r\n\t\t\t\t<div class=\"circular-content\">\r\n\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<span class=\"bar-number percentage has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t70%\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<svg class=\"circular-svg\" width=\"200\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"-1 -1 34 34\">\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__background circle-path\" \/>\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tprogress-value=70\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__progress js-progress-bar \" \/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--barProgressValue:90%--selectedNumberBg:#ffffff;--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"90\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Front-end<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"circular-canvas\" style=\"--strokevalue:90\">\r\n\t\t\t\t<div class=\"circular-content\">\r\n\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<span class=\"bar-number percentage has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t90%\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<svg class=\"circular-svg\" width=\"200\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"-1 -1 34 34\">\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__background circle-path\" \/>\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tprogress-value=90\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__progress js-progress-bar \" \/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--barProgressValue:50%--selectedNumberBg:#ffffff;--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"50\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">Javascript<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"circular-canvas\" style=\"--strokevalue:50\">\r\n\t\t\t\t<div class=\"circular-content\">\r\n\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<span class=\"bar-number percentage has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t50%\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<svg class=\"circular-svg\" width=\"200\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"-1 -1 34 34\">\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__background circle-path\" \/>\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tprogress-value=50\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__progress js-progress-bar \" \/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n\n\r\n\t<div style=\"--barProgressValue:60%--selectedNumberBg:#ffffff;--selectedNumberColor:#ff575d\" class=\"has-inside wp-block-fse-pro-progressbar-item\" ariaWidth=\"60\">\r\n\r\n\t\t\n\n<div class=\"wp-block-group fse-progressbar-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size\">PHP<\/p>\n<\/div>\n\n\n\r\n\r\n\t<div class=\"has-inside wp-block-fse-pro-bar\">\r\n\r\n\t\t\t\t\t<div class=\"circular-canvas\" style=\"--strokevalue:60\">\r\n\t\t\t\t<div class=\"circular-content\">\r\n\t\t\t\t\t<div class=\"progressbar-number\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<span class=\"bar-number percentage has-bean-red-color\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t60%\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<svg class=\"circular-svg\" width=\"200\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"-1 -1 34 34\">\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__background circle-path\" \/>\r\n\t\t\t\t\t<circle cx=\"16\" cy=\"16\" r=\"15.9155\"\r\n\t\t\t\t\t\tprogress-value=60\t\t\t\t\t\tstyle=\"stroke: #ffffff\"\r\n\t\t\t\t\t\tclass=\"progress-bar__progress js-progress-bar \" \/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\n\t<\/div>\r\n\r\n\r\n\n    <\/div>\r\n\r\n\r\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A progress bar is a visual element Even by his own high standards Lewis Hamilton set a new benchmark in 2019. In a class of his own, his sixth championship was defined by opening with an almost crushing, relentless run \u2026 A progress bar is a visual element Even by his own high standards Lewis [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-596","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/pages\/596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/comments?post=596"}],"version-history":[{"count":15,"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/pages\/596\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/pages\/596\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/fse.catchthemes.com\/catch-fse\/wp-json\/wp\/v2\/media?parent=596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}