arrow and timeline steps highlight

index.html

@@ -73,5 +73,29 @@
         </div>
       </div>
     </div>
+
+    <!-- Overlay for the bent arrow that links the active step to the flow bar -->
+    <svg
+      id="linkSvg"
+      class="linksvg"
+      viewBox="0 0 100 100"
+      preserveAspectRatio="none"
+      aria-hidden="true"
+    >
+      <defs>
+        <marker
+          id="arrowHead"
+          viewBox="0 0 10 10"
+          refX="8.5"
+          refY="5"
+          markerWidth="6"
+          markerHeight="6"
+          orient="auto-start-reverse"
+        >
+          <path d="M 0 0 L 10 5 L 0 10 z" fill="#cfe0ff"></path>
+        </marker>
+      </defs>
+      <path id="linkPath" marker-end="url(#arrowHead)"></path>
+    </svg>
   </body>
 </html>