{"id":5224,"date":"2015-10-20T15:00:49","date_gmt":"2015-10-20T15:00:49","guid":{"rendered":"http:\/\/zephyr.us-themes.com\/?page_id=5224"},"modified":"2015-10-20T15:00:49","modified_gmt":"2015-10-20T15:00:49","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/cmgroup.net.au\/elements\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<section class=\"l-section wpb_row height_large\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"g-cols wpb_row  type_default valign_top gap-35 vc_inner\"><style>.g-cols.gap-35{margin:0 calc(-1.5rem - 35)}.gap-35 > .vc_column_container {padding:35}<\/style><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_1 color_primary\" onclick='return {&quot;value&quot;:&quot;90&quot;,&quot;template&quot;:&quot;90%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Development<\/span><span class=\"w-progbar-title-count\">90%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:5px;\"><span class=\"w-progbar-bar-count\">90%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_1 color_primary\" onclick='return {&quot;value&quot;:&quot;80&quot;,&quot;template&quot;:&quot;80%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Design<\/span><span class=\"w-progbar-title-count\">80%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:5px;\"><span class=\"w-progbar-bar-count\">80%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_1 color_primary\" onclick='return {&quot;value&quot;:&quot;70&quot;,&quot;template&quot;:&quot;70%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Marketing<\/span><span class=\"w-progbar-title-count\">70%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:5px;\"><span class=\"w-progbar-bar-count\">70%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_1 color_secondary\" onclick='return {&quot;value&quot;:&quot;46&quot;,&quot;template&quot;:&quot;46%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Research<\/span><span class=\"w-progbar-title-count\">46%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:10px;\"><span class=\"w-progbar-bar-count\">46%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_1 color_secondary\" onclick='return {&quot;value&quot;:&quot;66&quot;,&quot;template&quot;:&quot;66%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Identity<\/span><span class=\"w-progbar-title-count\">66%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:10px;\"><span class=\"w-progbar-bar-count\">66%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_1 color_secondary\" onclick='return {&quot;value&quot;:&quot;87&quot;,&quot;template&quot;:&quot;87%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Graphic Design<\/span><span class=\"w-progbar-title-count\">87%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:10px;\"><span class=\"w-progbar-bar-count\">87%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_1 color_custom\" onclick='return {&quot;value&quot;:&quot;100&quot;,&quot;template&quot;:&quot;100%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Simple Progress Bar<\/span><span class=\"w-progbar-title-count\">100%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:15px;background:#1dc69f;\"><span class=\"w-progbar-bar-count\">100%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_1 color_custom\" onclick='return {&quot;value&quot;:&quot;69&quot;,&quot;template&quot;:&quot;69%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Simple Progress Bar<\/span><span class=\"w-progbar-title-count\">69%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:15px;background:#1ea1c9;\"><span class=\"w-progbar-bar-count\">69%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_1 color_custom\" onclick='return {&quot;value&quot;:&quot;28&quot;,&quot;template&quot;:&quot;28%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Simple Progress Bar<\/span><span class=\"w-progbar-title-count\">28%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:15px;background:#95ce50;\"><span class=\"w-progbar-bar-count\">28%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row  type_default valign_top gap-35 vc_inner\"><style>.g-cols.gap-35{margin:0 calc(-1.5rem - 35)}.gap-35 > .vc_column_container {padding:35}<\/style><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_2 color_primary\" onclick='return {&quot;value&quot;:&quot;90&quot;,&quot;template&quot;:&quot;90%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Development<\/span><span class=\"w-progbar-title-count\">90%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:24px;\"><span class=\"w-progbar-bar-count\">90%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_2 color_primary\" onclick='return {&quot;value&quot;:&quot;80&quot;,&quot;template&quot;:&quot;80%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Identity<\/span><span class=\"w-progbar-title-count\">80%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:24px;\"><span class=\"w-progbar-bar-count\">80%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_2 color_primary\" onclick='return {&quot;value&quot;:&quot;70&quot;,&quot;template&quot;:&quot;70%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Marketing<\/span><span class=\"w-progbar-title-count\">70%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:24px;\"><span class=\"w-progbar-bar-count\">70%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_2 color_primary\" onclick='return {&quot;value&quot;:&quot;60&quot;,&quot;template&quot;:&quot;60%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Research<\/span><span class=\"w-progbar-title-count\">60%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:24px;\"><span class=\"w-progbar-bar-count\">60%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_2 color_custom\" onclick='return {&quot;value&quot;:&quot;100&quot;,&quot;template&quot;:&quot;100%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">This is Progress Bar<\/span><span class=\"w-progbar-title-count\">100%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:40px;background:#ff3d3d;\"><span class=\"w-progbar-bar-count\">100%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_2 color_custom\" onclick='return {&quot;value&quot;:&quot;75&quot;,&quot;template&quot;:&quot;75%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">This is Progress Bar<\/span><span class=\"w-progbar-title-count\">75%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:40px;background:#ff712b;\"><span class=\"w-progbar-bar-count\">75%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_2 color_custom\" onclick='return {&quot;value&quot;:&quot;50&quot;,&quot;template&quot;:&quot;50%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">This is Progress Bar<\/span><span class=\"w-progbar-title-count\">50%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:40px;background:#ffbb00;\"><span class=\"w-progbar-bar-count\">50%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row  type_default valign_top gap-35 vc_inner\"><style>.g-cols.gap-35{margin:0 calc(-1.5rem - 35)}.gap-35 > .vc_column_container {padding:35}<\/style><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_4 color_primary\" onclick='return {&quot;value&quot;:&quot;90&quot;,&quot;template&quot;:&quot;90%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Development<\/span><span class=\"w-progbar-title-count\">90%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:4px;\"><span class=\"w-progbar-bar-count\">90%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_4 color_primary\" onclick='return {&quot;value&quot;:&quot;80&quot;,&quot;template&quot;:&quot;80%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Design<\/span><span class=\"w-progbar-title-count\">80%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:4px;\"><span class=\"w-progbar-bar-count\">80%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_4 color_primary\" onclick='return {&quot;value&quot;:&quot;70&quot;,&quot;template&quot;:&quot;70%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Marketing<\/span><span class=\"w-progbar-title-count\">70%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:4px;\"><span class=\"w-progbar-bar-count\">70%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_4 color_secondary\" onclick='return {&quot;value&quot;:&quot;46&quot;,&quot;template&quot;:&quot;46%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Research<\/span><span class=\"w-progbar-title-count\">46%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;\"><span class=\"w-progbar-bar-count\">46%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_4 color_secondary\" onclick='return {&quot;value&quot;:&quot;66&quot;,&quot;template&quot;:&quot;66%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Identity<\/span><span class=\"w-progbar-title-count\">66%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;\"><span class=\"w-progbar-bar-count\">66%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_4 color_secondary\" onclick='return {&quot;value&quot;:&quot;87&quot;,&quot;template&quot;:&quot;87%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Graphic Design<\/span><span class=\"w-progbar-title-count\">87%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;\"><span class=\"w-progbar-bar-count\">87%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_4 color_custom\" onclick='return {&quot;value&quot;:&quot;95&quot;,&quot;template&quot;:&quot;95%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Wrath<\/span><span class=\"w-progbar-title-count\">95%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:8px;background:#999999;\"><span class=\"w-progbar-bar-count\">95%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_4 color_custom\" onclick='return {&quot;value&quot;:&quot;69&quot;,&quot;template&quot;:&quot;69%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Pride<\/span><span class=\"w-progbar-title-count\">69%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:8px;background:#666666;\"><span class=\"w-progbar-bar-count\">69%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_4 color_custom\" onclick='return {&quot;value&quot;:&quot;28&quot;,&quot;template&quot;:&quot;28%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Envy<\/span><span class=\"w-progbar-title-count\">28%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:8px;background:#333333;\"><span class=\"w-progbar-bar-count\">28%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row  type_default valign_top gap-35 vc_inner\"><style>.g-cols.gap-35{margin:0 calc(-1.5rem - 35)}.gap-35 > .vc_column_container {padding:35}<\/style><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_3 color_primary\" onclick='return {&quot;value&quot;:&quot;46&quot;,&quot;template&quot;:&quot;46%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">First Research<\/span><span class=\"w-progbar-title-count\">46%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;\"><span class=\"w-progbar-bar-count\">46%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_3 color_primary\" onclick='return {&quot;value&quot;:&quot;66&quot;,&quot;template&quot;:&quot;66%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Web Development<\/span><span class=\"w-progbar-title-count\">66%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;\"><span class=\"w-progbar-bar-count\">66%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_3 color_primary\" onclick='return {&quot;value&quot;:&quot;87&quot;,&quot;template&quot;:&quot;87%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Graphic Design<\/span><span class=\"w-progbar-title-count\">87%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;\"><span class=\"w-progbar-bar-count\">87%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_3 color_custom\" onclick='return {&quot;value&quot;:&quot;77&quot;,&quot;template&quot;:&quot;77%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Photography<\/span><span class=\"w-progbar-title-count\">77%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:8px;background:#95ce50;\"><span class=\"w-progbar-bar-count\">77%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_3 color_custom\" onclick='return {&quot;value&quot;:&quot;55&quot;,&quot;template&quot;:&quot;55%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Illustration<\/span><span class=\"w-progbar-title-count\">55%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:8px;background:#81b245;\"><span class=\"w-progbar-bar-count\">55%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_3 color_custom\" onclick='return {&quot;value&quot;:&quot;33&quot;,&quot;template&quot;:&quot;33%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Design &amp; Art<\/span><span class=\"w-progbar-title-count\">33%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:8px;background:#699131;\"><span class=\"w-progbar-bar-count\">33%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row  type_default valign_top gap-35 vc_inner\"><style>.g-cols.gap-35{margin:0 calc(-1.5rem - 35)}.gap-35 > .vc_column_container {padding:35}<\/style><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_5 color_primary\" onclick='return {&quot;value&quot;:&quot;90&quot;,&quot;template&quot;:&quot;90%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Development<\/span><span class=\"w-progbar-title-count\">90%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:2px;\"><span class=\"w-progbar-bar-count\">90%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_5 color_primary\" onclick='return {&quot;value&quot;:&quot;80&quot;,&quot;template&quot;:&quot;80%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Design<\/span><span class=\"w-progbar-title-count\">80%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:2px;\"><span class=\"w-progbar-bar-count\">80%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_5 color_primary\" onclick='return {&quot;value&quot;:&quot;70&quot;,&quot;template&quot;:&quot;70%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Marketing<\/span><span class=\"w-progbar-title-count\">70%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:2px;\"><span class=\"w-progbar-bar-count\">70%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_5 color_heading\" onclick='return {&quot;value&quot;:&quot;46&quot;,&quot;template&quot;:&quot;46%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Research<\/span><span class=\"w-progbar-title-count\">46%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:4px;\"><span class=\"w-progbar-bar-count\">46%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_5 color_heading\" onclick='return {&quot;value&quot;:&quot;66&quot;,&quot;template&quot;:&quot;66%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Identity<\/span><span class=\"w-progbar-title-count\">66%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:4px;\"><span class=\"w-progbar-bar-count\">66%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_5 color_heading\" onclick='return {&quot;value&quot;:&quot;87&quot;,&quot;template&quot;:&quot;87%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">Graphic Design<\/span><span class=\"w-progbar-title-count\">87%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:4px;\"><span class=\"w-progbar-bar-count\">87%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-progbar initial style_5 color_custom\" onclick='return {&quot;value&quot;:&quot;91&quot;,&quot;template&quot;:&quot;91%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">This is Progress Bar with big stylish counter<\/span><span class=\"w-progbar-title-count\">91%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;background:#ffcc00;\"><span class=\"w-progbar-bar-count\">91%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_5 color_custom\" onclick='return {&quot;value&quot;:&quot;82&quot;,&quot;template&quot;:&quot;82%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">This is Progress Bar with big stylish counter<\/span><span class=\"w-progbar-title-count\">82%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;background:#ff9900;\"><span class=\"w-progbar-bar-count\">82%<\/span><\/div><\/div><\/div><div class=\"w-progbar initial style_5 color_custom\" onclick='return {&quot;value&quot;:&quot;73&quot;,&quot;template&quot;:&quot;73%&quot;,&quot;finalValue&quot;:&quot;100&quot;}'><h6 class=\"w-progbar-title\" style=\"font-size:1rem;\"><span class=\"w-progbar-title-text\">This is Progress Bar with big stylish counter<\/span><span class=\"w-progbar-title-count\">73%<\/span><\/h6><div class=\"w-progbar-bar\"><div class=\"w-progbar-bar-h\" style=\"height:6px;background:#ff6600;\"><span class=\"w-progbar-bar-count\">73%<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Development90%90%Design80%80%Marketing70%70%Research46%46%Identity66%66%Graphic Design87%87%Simple Progress Bar100%100%Simple Progress Bar69%69%Simple Progress Bar28%28%Development90%90%Identity80%80%Marketing70%70%Research60%60%This is Progress Bar100%100%This is Progress Bar75%75%This is Progress Bar50%50%Development90%90%Design80%80%Marketing70%70%Research46%46%Identity66%66%Graphic Design87%87%Wrath95%95%Pride69%69%Envy28%28%First Research46%46%Web Development66%66%Graphic Design87%87%Photography77%77%Illustration55%55%Design &amp; Art33%33%Development90%90%Design80%80%Marketing70%70%Research46%46%Identity66%66%Graphic Design87%87%This is Progress Bar with big stylish counter91%91%This is Progress Bar with big stylish counter82%82%This is Progress Bar with big stylish counter73%73%","protected":false},"author":1,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages\/5224"}],"collection":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/comments?post=5224"}],"version-history":[{"count":0,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages\/5224\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/media?parent=5224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}