Creative Page Scroll Progress Bar with Number Percentage | Html CSS & Vanilla Javascript

Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------
Also Watch This : Stunning Animation on Page Scroll using GSAP's ScrollTrigger

Inspired By This : Creative Page Scroll Progress Bar | CSS3 & Vanilla Javascript
------------------

[gauravthakkar]

The music is a gentle reminder that this guy has so much knowledge yet he is so humble

[mr.deadshot]

The first time I did it something was wrong, but by my second time, it worked. I love this so much

[mthomasnz]

Thanks for sharing this, my 9 yr old son is watching and doing this effect now on his website, he learns so much from you!

[briandesign]

this effect is epic! would be nice to see this used in other projects

[mick]

that’s what i want to see and create. Great video to understand how scroll progress bar works

[mohdadnanshoheb]

I think and feel like your videos will get fetch me job ❤️ inshallah.

[Muhammad_Bilal_m.b]

I am inspired your all video good luck

[jonasteixeira]

your videos are so nice, keep it going please

[AngelJGR]

Great tuto!!!

As an observation, you might put the totalHeight var in onscroll function, to update his value when it change

[bunnybloods]

Bro, please make a video about offsets and pageoffsets bro.I dont understand where to use.

[MetalxD]

Oooohhh My God, I needed this, Thank You So Much. I'll subscribe to your patreon soon, you've given me a lot of help

[vcreations]

Sir can you plzz tell me which site do you prefer for colors while doing website plzzz

[duyervillanueva]

Awesome... Thanks for sharing knowledge 🙏

[rsadkazmov]

Can you use html map tag in next video which can works in all resolutions.

[sarthakjain]

can you please make a video on setting cookie

[nagalokgames]

put this part " let totalHeight = document.body.scrollHeight - window.innerHeight;" into onclick function, to update % when screen width changes

[enemyliberate]

Sir plz.. do this type of work by. Speaking it will be helpful for us, , 😊😊👍, , and plz.. do this slowly

[m.zidanfirdaus]

I want request how to make audio visual equalizer for web please