How do you get a horizontal scroll indicator?

Design help Animations & Interactions
1

Does anybody know how to make a horizontal scroll indicator like the one on https://webflow.com/customers/heco?

webflow-horizontal-scroll
webflow-horizontal-scroll1830×1100 315 KB

2

Here you go.

3

Thanks Dram, but how do I apply this to a horizontal scroll section?

4

Have you created your horizontal scrolling section already?

5

I have not, but I have found a few made already.

  1. https://webflow.com/website/Starry-Skies-Sticky-Horizontal-Scroll-Demo
  2. Side Scrolling with IX2 - Webflow
6

Place your scroll indicator inside the section with the horizontal scrolling and give it an onscroll interaction that will move it to the right from the left. Leftmost is the 0% and rightmost is 100% section scrolled. It should be the same section that you will use to create a horizontal scrolling interaction.

edit: sorry not onscroll but “while scrolling in view” trigger.