233 karma · joined March 14, 2023
We don't judge such approaches. We just believe that in certain design situations, a simple, reading progress bar can be useful.
The following article shows how to create a simple reading progress bar with just 2 DIV elements and 1 clever trick.
* Screen resolution refers to the number of pixels displayed on a screen. * Pixel ratio (scale factor) is the ratio of the resolution in physical pixels. * Browser window size is the actual size of the browser window.
Numbers can vary depending on the device being used, as well as the user's preferences for how they view the website (full screen or window).
Try the following screen resolution tool, which allows you to quickly check your browser and screen resolution, as well as your viewport size and device pixel ratio.
It's free and lightweight. At only 36kB it loads quickly.
https://www.kodingkitty.com/work/screen-resolution/
Yours, KodingKitty
Then someone recommended AsciiDoc and AsciiDoctor. It was a much better experience compared to Markdown. Sure, not for pixel perfect tweaking. Still enough parameters to play with. Easy to create PDFs and EPUBs.
Yours, KodingKitty
Anyway, nice idea. I like it. Kudos to you.
Yours, KodingKitty