[Requested] How To Create a Scroll-Based Progress Bar with Percentage - using HTML CSS & JS

By having a read / scroll progress bar, readers can be better informed of how much they have read and how much remains for an article which definitely make a website more user friendly.

😊😊😊😊😊😊

But how to put this code In html pls explain

Is this progressbar will calculate till the bottom of the page? And can i make it just for the div?

(I mean not calculate from top to bottom page, but only calculate the content inside the div.)

Bro give me tutorial fast