{"id":3971,"date":"2015-10-13T09:04:06","date_gmt":"2015-10-13T09:04:06","guid":{"rendered":"http:\/\/impreza.us-themes.net\/?page_id=3971"},"modified":"2018-12-29T12:18:16","modified_gmt":"2018-12-29T08:48:16","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/dorokh.com\/en\/elements\/progress-bar\/","title":{"rendered":"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h3 style=\"text-align: center;\">\u0627\u0633\u062a\u0627\u06cc\u0644 \u0647\u0627 \u0648 \u0631\u0646\u06af\u0628\u0646\u062f\u06cc \u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639<\/h3>\n<\/div><\/div><div class=\"w-separator size_large\"><\/div><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\" style=\"--additional-gap:35;\"><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;template&quot;:&quot;90%&quot;,&quot;value&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;template&quot;:&quot;80%&quot;,&quot;value&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;template&quot;:&quot;70%&quot;,&quot;value&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;template&quot;:&quot;46%&quot;,&quot;value&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;template&quot;:&quot;66%&quot;,&quot;value&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;template&quot;:&quot;87%&quot;,&quot;value&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;template&quot;:&quot;100%&quot;,&quot;value&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;template&quot;:&quot;69%&quot;,&quot;value&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;template&quot;:&quot;28%&quot;,&quot;value&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_large\"><\/div><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\" style=\"--additional-gap:35;\"><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;template&quot;:&quot;90%&quot;,&quot;value&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;template&quot;:&quot;80%&quot;,&quot;value&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;template&quot;:&quot;70%&quot;,&quot;value&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;template&quot;:&quot;60%&quot;,&quot;value&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;template&quot;:&quot;100%&quot;,&quot;value&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;template&quot;:&quot;75%&quot;,&quot;value&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;template&quot;:&quot;50%&quot;,&quot;value&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_large\"><\/div><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\" style=\"--additional-gap:35;\"><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;template&quot;:&quot;90%&quot;,&quot;value&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;template&quot;:&quot;80%&quot;,&quot;value&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;template&quot;:&quot;70%&quot;,&quot;value&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;template&quot;:&quot;46%&quot;,&quot;value&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;template&quot;:&quot;66%&quot;,&quot;value&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;template&quot;:&quot;87%&quot;,&quot;value&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;template&quot;:&quot;95%&quot;,&quot;value&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;template&quot;:&quot;69%&quot;,&quot;value&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;template&quot;:&quot;28%&quot;,&quot;value&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_large\"><\/div><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\" style=\"--additional-gap:35;\"><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;template&quot;:&quot;46%&quot;,&quot;value&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;template&quot;:&quot;66%&quot;,&quot;value&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;template&quot;:&quot;87%&quot;,&quot;value&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;template&quot;:&quot;77%&quot;,&quot;value&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;template&quot;:&quot;55%&quot;,&quot;value&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;template&quot;:&quot;33%&quot;,&quot;value&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_large\"><\/div><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\" style=\"--additional-gap:35;\"><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;template&quot;:&quot;90%&quot;,&quot;value&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;template&quot;:&quot;80%&quot;,&quot;value&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;template&quot;:&quot;70%&quot;,&quot;value&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;template&quot;:&quot;46%&quot;,&quot;value&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;template&quot;:&quot;66%&quot;,&quot;value&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;template&quot;:&quot;87%&quot;,&quot;value&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;template&quot;:&quot;91%&quot;,&quot;value&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;template&quot;:&quot;82%&quot;,&quot;value&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;template&quot;:&quot;73%&quot;,&quot;value&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>","protected":false},"excerpt":{"rendered":"\u0627\u0633\u062a\u0627\u06cc\u0644 \u0647\u0627 \u0648 \u0631\u0646\u06af\u0628\u0646\u062f\u06cc \u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639 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":2,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3971","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a - \u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dorokh.com\/en\/elements\/progress-bar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dorokh.com\/en\/elements\/progress-bar\/\" \/>\n<meta property=\"og:site_name\" content=\"\u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-29T08:48:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dorokh.com\/wp-content\/uploads\/2025\/07\/Background.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1800\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dorokh.com\\\/elements\\\/progress-bar\\\/\",\"url\":\"https:\\\/\\\/dorokh.com\\\/elements\\\/progress-bar\\\/\",\"name\":\"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a - \u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dorokh.com\\\/#website\"},\"datePublished\":\"2015-10-13T09:04:06+00:00\",\"dateModified\":\"2018-12-29T08:48:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dorokh.com\\\/elements\\\/progress-bar\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dorokh.com\\\/elements\\\/progress-bar\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dorokh.com\\\/elements\\\/progress-bar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dorokh.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0644\u0645\u0627\u0646 \u0647\u0627\",\"item\":\"https:\\\/\\\/dorokh.com\\\/elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dorokh.com\\\/#website\",\"url\":\"https:\\\/\\\/dorokh.com\\\/\",\"name\":\"\u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647\",\"description\":\"\u062f\u0648\u0631\u062e \u0648\u0642\u062a\u06cc \u0628\u0648 \u062e\u0627\u0637\u0631\u0647 \u0645\u06cc \u0633\u0627\u0632\u062f\",\"publisher\":{\"@id\":\"https:\\\/\\\/dorokh.com\\\/#\\\/schema\\\/person\\\/b9bae1c44ee6570c6ba4671bab6c5e6f\"},\"alternateName\":\"\u062f\u0648\u0631\u062e | \u0639\u0637\u0631 \u0648 \u0627\u062f\u06a9\u0644\u0646\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dorokh.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/dorokh.com\\\/#\\\/schema\\\/person\\\/b9bae1c44ee6570c6ba4671bab6c5e6f\",\"name\":\"Omid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dorokh.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/logo-dorokh-1.webp\",\"url\":\"https:\\\/\\\/dorokh.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/logo-dorokh-1.webp\",\"contentUrl\":\"https:\\\/\\\/dorokh.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/logo-dorokh-1.webp\",\"width\":1818,\"height\":331,\"caption\":\"Omid\"},\"logo\":{\"@id\":\"https:\\\/\\\/dorokh.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/logo-dorokh-1.webp\"},\"sameAs\":[\"https:\\\/\\\/asagity.ir\\\/\",\"https:\\\/\\\/www.instagram.com\\\/odiv1995\\\/\"],\"honorificPrefix\":\"Mr\",\"honorificSuffix\":\"Odiv\",\"birthDate\":\"1995-07-13\",\"gender\":\"male\",\"knowsLanguage\":[\"\u0641\u0627\u0631\u0633\u06cc \u060c \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc\"],\"jobTitle\":\"\u0645\u0647\u0646\u062f\u0633 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631\",\"worksFor\":\"\u0634\u0631\u06a9\u062a \u0622\u0633\u0627\u06af\u06cc\u062a\u06cc\",\"publishingPrinciples\":\"https:\\\/\\\/dorokh.com\\\/publishing-principles\\\/\",\"ownershipFundingInfo\":\"https:\\\/\\\/dorokh.com\\\/ownership-funding\\\/\",\"actionableFeedbackPolicy\":\"https:\\\/\\\/dorokh.com\\\/feedback-policy\\\/\",\"correctionsPolicy\":\"https:\\\/\\\/dorokh.com\\\/corrections-policy\\\/\",\"ethicsPolicy\":\"https:\\\/\\\/dorokh.com\\\/ethics-policy\\\/\",\"diversityPolicy\":\"https:\\\/\\\/dorokh.com\\\/diversity-policy\\\/\",\"diversityStaffingReport\":\"https:\\\/\\\/dorokh.com\\\/diversity-staff-report\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a - \u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dorokh.com\/en\/elements\/progress-bar\/","og_locale":"en_US","og_type":"article","og_title":"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a","og_url":"https:\/\/dorokh.com\/en\/elements\/progress-bar\/","og_site_name":"\u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647","article_modified_time":"2018-12-29T08:48:16+00:00","og_image":[{"width":1800,"height":1200,"url":"https:\/\/dorokh.com\/wp-content\/uploads\/2025\/07\/Background.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dorokh.com\/elements\/progress-bar\/","url":"https:\/\/dorokh.com\/elements\/progress-bar\/","name":"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a - \u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647","isPartOf":{"@id":"https:\/\/dorokh.com\/#website"},"datePublished":"2015-10-13T09:04:06+00:00","dateModified":"2018-12-29T08:48:16+00:00","breadcrumb":{"@id":"https:\/\/dorokh.com\/elements\/progress-bar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dorokh.com\/elements\/progress-bar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dorokh.com\/elements\/progress-bar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dorokh.com\/"},{"@type":"ListItem","position":2,"name":"\u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0644\u0645\u0627\u0646 \u0647\u0627","item":"https:\/\/dorokh.com\/elements\/"},{"@type":"ListItem","position":3,"name":"\u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a"}]},{"@type":"WebSite","@id":"https:\/\/dorokh.com\/#website","url":"https:\/\/dorokh.com\/","name":"\u062f\u0648\u0631\u062e | \u0627\u0645\u0636\u0627\u06cc \u0631\u0627\u06cc\u062d\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u062d\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646\u0647","description":"\u062f\u0648\u0631\u062e \u0648\u0642\u062a\u06cc \u0628\u0648 \u062e\u0627\u0637\u0631\u0647 \u0645\u06cc \u0633\u0627\u0632\u062f","publisher":{"@id":"https:\/\/dorokh.com\/#\/schema\/person\/b9bae1c44ee6570c6ba4671bab6c5e6f"},"alternateName":"\u062f\u0648\u0631\u062e | \u0639\u0637\u0631 \u0648 \u0627\u062f\u06a9\u0644\u0646","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dorokh.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/dorokh.com\/#\/schema\/person\/b9bae1c44ee6570c6ba4671bab6c5e6f","name":"Omid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dorokh.com\/wp-content\/uploads\/2025\/05\/logo-dorokh-1.webp","url":"https:\/\/dorokh.com\/wp-content\/uploads\/2025\/05\/logo-dorokh-1.webp","contentUrl":"https:\/\/dorokh.com\/wp-content\/uploads\/2025\/05\/logo-dorokh-1.webp","width":1818,"height":331,"caption":"Omid"},"logo":{"@id":"https:\/\/dorokh.com\/wp-content\/uploads\/2025\/05\/logo-dorokh-1.webp"},"sameAs":["https:\/\/asagity.ir\/","https:\/\/www.instagram.com\/odiv1995\/"],"honorificPrefix":"Mr","honorificSuffix":"Odiv","birthDate":"1995-07-13","gender":"male","knowsLanguage":["\u0641\u0627\u0631\u0633\u06cc \u060c \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc"],"jobTitle":"\u0645\u0647\u0646\u062f\u0633 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631","worksFor":"\u0634\u0631\u06a9\u062a \u0622\u0633\u0627\u06af\u06cc\u062a\u06cc","publishingPrinciples":"https:\/\/dorokh.com\/publishing-principles\/","ownershipFundingInfo":"https:\/\/dorokh.com\/ownership-funding\/","actionableFeedbackPolicy":"https:\/\/dorokh.com\/feedback-policy\/","correctionsPolicy":"https:\/\/dorokh.com\/corrections-policy\/","ethicsPolicy":"https:\/\/dorokh.com\/ethics-policy\/","diversityPolicy":"https:\/\/dorokh.com\/diversity-policy\/","diversityStaffingReport":"https:\/\/dorokh.com\/diversity-staff-report\/"}]}},"_links":{"self":[{"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/pages\/3971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/comments?post=3971"}],"version-history":[{"count":0,"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/pages\/3971\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/dorokh.com\/en\/wp-json\/wp\/v2\/media?parent=3971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}