Update file attributions.html

wiki/pages/attributions.html

@@ -32,6 +32,14 @@
     .row.mt-4 {
     margin-left: 130px; 
     }
+    .scroll-progress {
+     position: fixed;
+     right: 0;
+     top: 0;
+     width: 10px;
+     background-color: hsl(17, 100%, 50%); /* Use the same color as sidebar links for consistency */
+     transition: height 0.2s ease-out;
+}
   </style>
 
 </head>
@@ -51,6 +59,7 @@
       <li><a href="#topic3">Topic3</a></li>
       <li><a href="#topic4"">Topic4</a></li>
     </ul>
+    <div class="scroll-progress"></div>
   </div>
 
 <div class="row mt-4">
@@ -113,3 +122,11 @@
 
 {% endblock %}
 
+<script>
+  document.addEventListener("scroll", function() {
+      var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+      var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+      var scrolled = (winScroll / height) * 100;
+      document.querySelector('.scroll-progress').style.height = scrolled + "%";
+  });
+  </script>