Чтобы ползунок двигался шагами его нужно сдвигать на вычисляемый шаг. Очевидно же
http://jsfiddle.net/xpfL5qun/8/
document.onmousemove = function(e){
if (!drag_status) return false;
var left = e.pageX - x;
if (left < 0)
left = 0;
if (left > bg.offsetWidth - thumb.offsetWidth)
left = bg.offsetWidth - thumb.offsetWidth;
count = Math.round(left / 10) * 10;
thumb.style.left = count + 'px';
document.getElementsByTagName('p')[0].innerHTML = count;
}