Update epr.html

arghadipmanna101 · Jul 24, 2024 · ac9be7a · ac9be7a
1 parent cb9ff9a
commit ac9be7a
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/pages/EPR_Page/epr.html b/pages/EPR_Page/epr.html
@@ -13,8 +13,46 @@
 	<link rel="stylesheet" type="text/css" href="../../css/index.css">
 	<link rel="stylesheet" href="../../css/footer.css">
 		<!-- <link href="../../css/contactus.css" rel="stylesheet"> -->
+     <style>
+       #progress-container {
+    position: fixed ;
+    top: 0px;
+    left: 0;
+    width: 100%;
+    height: 15px;
+    z-index: 99990;
+    /* background: #f3f3f3; */
+}
+
+#progress-bar {
+    height: 53%;
+    width: 0;
+    background: linear-gradient(90deg, rgb(0, 72, 255) 0%, rgb(153, 187, 255) 50%, rgb(0, 184, 250) 100%);
+    box-shadow: 0 0 4px rgba(0, 166, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7);
+    transition: width 0.09s ease-in-out;
+    border-radius: 10px;
+}
+
+     </style>
 </head>
 <body>
+
+
+<div id="progress-container">
+  <div id="progress-bar"></div>
+</div>
+
+<script>
+
+  window.addEventListener('scroll', function() {
+      const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+      const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+      const scrolled = (winScroll / height) * 100;
+      document.getElementById('progress-bar').style.width = scrolled + '%';
+  });
+  </script>
+
+
     <header id="homeHeader">
 		<nav class="navbar homeHeader navbar-expand-lg navbar-light bg-light">
 			<a class="navbar-brand" href="https://flipkart-clone-seven-azure.vercel.app/">