I needed some sort of activity indicator for a web application I am building, so I hacked together some LEDs in CSS. Thus, led.css was born.
Just a few lines of HTML will get you up and running. If you are familiar with the
btn class in Bootstrap, this works similarly.
The default LED can be created like this:
The default LED is in an “off” state, so add some color:
And you get something like this.
I have implemented these LEDs to show network activity and status when using the wonderful Socket.IO library. Helpful when network connections are sketchy.