VERTICAL PROGRESS BY DOCUMENT HEIGHT

[Dennyno]

Hi,
I started with a counter, which was from 0 to 100.
Then I'd tried also what could happen with a progress element.
Btw how can I make, one or another, (number counter, or native html5 progress) to follow the whole body vertical scroll progress?
Setting something like end: +=9999 is not working so well, and setting 999 ends to early and doest count to 100%.
I've seen also scrollproxy but I cant understand how to make it working properly on  vertical way, as many demos shows only some elements expand horizontally, (using scrollproxy).

Of course I can easily set a start and an end point with scrolltrigger, but I really don't understand how to fetch and follow the whole document height.

Thank you, as usual.

See the Pen xxXGBVv by DedaloD (@DedaloD) on CodePen

[OSUblake]

You just need to create a ScrollTrigger without a trigger. 😉

 

See the Pen abLOMrN by GreenSock (@GreenSock) on CodePen

 

[Dennyno]

Woha! Great! Thanks, never mind

[AllenIVe]

how to position it at right 0 with height 100vh?

[Rodrigo]

Hi @AllenIVe,

 

I forked Blake's codepen, is just about some CSS:

See the Pen RwEJzVV by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps.

Happy Tweening!