{"version":"1.0","type":"rich","title":"Progress Nav","description":"A scrolling page navigation with an animated SVG marker that highlights the currently visible sections. As the user scrolls, a JavaScript routine calculates the vertical position of each linked section relative to the viewport and dynamically updates a smooth path drawn on a transparent SVG overlay. The path traces the indented table-of-contents links, connecting and highlighting all headings that are on screen at once, with rounded line caps and joints. The code uses `getTotalLength` to measure and animate the path along the outline of the active nav items, creating a continuous progress indicator that responds to scroll position and indent changes.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-25cf7df06da6b6148be0fd7b073042d8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}