diff --git a/Html-Files/appointment.html b/Html-Files/appointment.html
index 52367c07..0f1844f0 100644
--- a/Html-Files/appointment.html
+++ b/Html-Files/appointment.html
@@ -11,7 +11,7 @@
         left: 0;
         width: 0%;
         height: 8px;
-        background-color: #2b9b7f;
+        background-color: #3fbcc0;
         z-index: 9999;
     
       }</style>
diff --git a/Html-Files/customer_agreement.html b/Html-Files/customer_agreement.html
index 05f7a0a1..092469e5 100644
--- a/Html-Files/customer_agreement.html
+++ b/Html-Files/customer_agreement.html
@@ -98,7 +98,7 @@
     left: 0;
     width: 0%;
     height: 8px;
-    background-color: #2b9b7f;
+    background-color: #3fbcc0;
     z-index: 9999;
 
   }</style>
diff --git a/Html-Files/derma.html b/Html-Files/derma.html
index 632a617f..93ce962e 100644
--- a/Html-Files/derma.html
+++ b/Html-Files/derma.html
@@ -31,7 +31,7 @@
         left: 0;
         width: 0%;
         height: 8px;
-        background-color: #2b9b7f;
+        background-color: #3fbcc0;
         z-index: 9999;
     
       }</style>
diff --git a/Html-Files/news.html b/Html-Files/news.html
index 21854ced..185346fc 100644
--- a/Html-Files/news.html
+++ b/Html-Files/news.html
@@ -424,7 +424,7 @@
       left: 0;
       width: 0%;
       height: 8px;
-      background-color: #2b9b7f;
+      background-color: #3fbcc0;
       z-index: 9999;
   
     }</style>
diff --git a/Html-Files/privacy_policy_page.html b/Html-Files/privacy_policy_page.html
index b944afae..77bc8f38 100644
--- a/Html-Files/privacy_policy_page.html
+++ b/Html-Files/privacy_policy_page.html
@@ -718,7 +718,7 @@
       left: 0;
       width: 0%;
       height: 8px;
-      background-color: #2b9b7f;
+      background-color: #3fbcc0;
       z-index: 9999;
   
     }</style>
diff --git a/Html-Files/terms_and_conditions.html b/Html-Files/terms_and_conditions.html
index 6dadd314..25ec98b3 100644
--- a/Html-Files/terms_and_conditions.html
+++ b/Html-Files/terms_and_conditions.html
@@ -89,7 +89,7 @@
         left: 0;
         width: 0%;
         height: 8px;
-        background-color: #2b9b7f;
+        background-color: #3fbcc0;
         z-index: 9999;
     
       }</style>
diff --git a/test.html b/test.html
index 1149fe49..c2aa3615 100644
--- a/test.html
+++ b/test.html
@@ -28,9 +28,27 @@
         integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
 
-
+        <style>#progressBar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 0%;
+            height: 8px;
+            background-color: #3fbcc0;
+            z-index: 9999;
+        
+          }</style>
 </head>
 <body>
+    <div id="progressBar"></div>
+    <script>
+      window.onscroll = function () {
+        var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+        var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+        var scrolled = (winScroll / height) * 100;
+        document.getElementById("progressBar").style.width = scrolled + "%";
+      };
+    </script>
     <header class="header_container">
         <div class="img">
         <img id="rd-logo"  style="width: 90px; height: auto;" src="/images/rd.png"> 
