Very simple slider:
i made this vor a custom video element.but it's so simple that you can change it to whatever you want.
function pos(e){
var x=e.pageX-r.offsetLeft;
p.style.width=x+'px';
}
var vc=document.getElementById('vc'),
r=document.createElement('div'),
p=document.createElement('div'),
mu=true;// mouseup?
r.addEventListener('mousedown',function(e){
mu=false;
pos(e);
e.preventDefault();
e.stopPropagation()
},false);
r.addEventListener('mousemove',function(e){
mu||pos(e)
},false);
document.addEventListener('mouseup',function(e){
mu=true
},false);
vc.appendChild(r).appendChild(p);
Demo
if you have any questions just ask.
Multiple Slider Plugin
with data-value
using webkitTransform
& fun init animation
& default values