4 ms·
Why not hack your favicon to show file loading progress, React-LoadCon
When it comes to a huge file (such as huge PDF or upload file to Cloud service) loading or download in a tab, a tiny progress indicator on favicon could be an interesting but also considerate UX experience.
This idea comes from a long time ago and has been realized by so many open-source developers, and it comes to me again when I try to solve this good first issue for the `Send` project from Mozilla https://github.com/mozilla/send/issues/803
Here is React-LoadCon for React community, welcome to play around and feel free to submit your feedback whenever encounters any issue.
https://foreseaz.github.io/react-loadcon/
- foreseaz 8y agoOf course, welcome to star and send PR, more loading indicator in canvas will be added soon. Thanks. https://github.com/foreseaz/react-loadcon https://github.com/foreseaz/react-loadcon
- xhart 8y agoHa, easy little piece but interesting, keep up the good work.
- foreseaz 8y agoThanks man, actually this small repo plans to offer a more general tool to manipulate Favicon as `Favicon as a DOM`, but now can only use canvas to draw dynamic images and replace the <meta favicon /> tag, which is extremely tedious. Maybe this dom-to-img repo could be introduced to simplify the covert process: https://github.com/tsayen/dom-to-image https://github.com/tsayen/dom-to-image Any issue or PR, free feel to submit~