JavaScript volume slider control

javascript volume control slider html cssThe online Rubik's Cube solver program has got a new speed controller, looking like a classic JavaScript volume slider control. I've found a really nice sample on html5css3jscript.com which I adjusted to my needs. It came out pretty nice, it's simple and very customizable.

Give it a try with the interactive demo below:
Click one of the vertical bars and the JavaScript variable will change.


I'm sharing here the code with you for the volume controller, and you can download a zip file which is ready to be used out of the box. It's using HTML + JavaScript + CSS. I tested it with IE 7,8,9,10 Google Chrome, Mozzilla, and the other major browsers and there was no problem with it.

Download the code here:
HTML5 CSS3 JavaScirpt Volume Controller Slider

I hope you'll like it!

Comments