Why not hack your favicon to show file loading progress, React-LoadCon

3 points by foreseaz 7y ago ↗ HN

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/

3 comments

[ 27.0 ms ] story [ 739 ms ] thread

foreseaz 7y ago ↗

Of course, welcome to star and send PR, more loading indicator in canvas will be added soon. Thanks.

https://github.com/foreseaz/react-loadcon

xhart 7y ago ↗

Ha, easy little piece but interesting, keep up the good work.

Thanks 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

Any issue or PR, free feel to submit~