Hey, Would you please assist me in drawing a SVG stroke on scroll with a section/div pin. Please just see the attachment.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<section class="homesection8">
<svg viewBox="0 0 1697 774" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1004.59 207.25C1101.81 110.14 1182.89 57.69 1310.55 57.69C1492.58 57.69 1640.14 205.25 1640.14 387.28C1640.14 569.31 1492.58 716.87 1310.55 716.87C1128.52 716.87 1024.36 570.77 851.9 387.28C689.74 214.74 568.3 57.68 386.28 57.68C204.25 57.68 56.69 205.24 56.69 387.27C56.69 569.3 204.25 716.86 386.28 716.86C518.41 716.86 591.87 660.01 692.04 554.25" stroke="orange" stroke-width="113.37" stroke-miterlimit="10" stroke-linecap="round"/>
</svg>
</section>
</body>
</html>
svg.html