How to make an infinite svg animation on scroll?

Question

HTML

Here is an example: https://bitesizeinc.com/projets/montreux-comedy-fe...
When scrolling, a green zigzag bar appears.
I made an svg with a line like this and theoretically, when scrolling it can be animated like this: https://css-tricks.com/scroll-drawing/
The question is how to make the line infinite? That is, to be cloned vertically and at the same time be animated.
I would be grateful for examples and hints.

Answer 1

unless the cycle is to try to run and clone one svg under another with a new ordinal id
, only the svg itself must be seamless