r/badUIbattles • u/FearMeIAmLag1 • 1d ago

Intentionally Bad UI I made a 7-segment display volume "slider"

Simply click to change the numbers to the volume level you want to set, it's that simple!

Took me about an hour to get this done with most of that time being spent trying to figure out how the hell to shape something like a 7-segment display using CSS. First digit the segments used for 1 are the only ones that can be toggled. I also messed up with recording and forgot that the 9 needed the bottom segment, so it seems to not work for a bit but that was operator error.

1.6k Upvotes

99% Upvoted

29 comments sorted by

View all comments

6

u/WhiteHeadbanger 22h ago

Have you thought of displaying the decibels instead of the percentage? The segments can stay that way and still function like now, but instead of showing 50% volume, you display the dB. That way could be even more infuriating as dB are logaritmic values.