I just recently added a fun little feature on my website: a progress bar when reading blog posts. The bar would show how far users have progressed ...
For further actions, you may consider blocking this person and/or reporting abuse
Very nice... I want to say,
but this looks so good. I would go for it!
Dear Waylon, in some cases, when there is a serial of content, or a lazy loading concept for posts is implemented, the scroll bar will not be feasible (because of later appended content). We solved this issue for video content so far with timeline, and it's nice to have it for text content. Anyway I'm totally agree with you that if there is a single "post" in a "page", it's not a good idea to have a horizontal progress bar.
Hey Fred. That was cool man! Bravo. A minimal code that works. Well done.
Thanks, I really appreciate that!
— Gabriel
Thank you! I personally would only use this for articles or longer pages on a site, just to give users a clearer reminder of how long the page is and how far they've read. Thanks again!
— Gabriel
Nicely done! It even works in Edge.
That said, I'm not a big fan of BEM. This looks awful to me:
progress-bar-container__progress
Side note: I once tried adding a reading progress bar to my blog and found it pretty distracting. There's a good discussion about it over on the UX Stack Exchange.
I personally prefer BEM with scss.
Good job. I like this!
Thanks!
— Gabriel
Hey hi! Ur write-up is awesome! I am Kumar Abhirup, teenager JavaScript developer. Check out my profile we have a lot in common ⚡😄
Cool and simple progress bar!
Thank you!
— Gabriel
Better If we got this implemented in dev.to site articles too.