Photocell Progress Bar

I decided to use a photocell to change different HTML/CSS elements within a webpage. I used the photocell calibration code and added that into the serving data code. The sensor reads values from 0 to 1023, which I mapped to 0 to 255. I modified the HTML and CSS to display 4 gray dots. When the sensor value is above 50, the first dot turns yellow. When it’s above 100, the first and second dots turn yellow, and so on (above 150, 3rd dot; above 225, fourth dot). Basically, it’s a “progress bar” that’s controlled by the amount of light the photocell is detecting.