Get the offset position of an HTML5 range slider handle

Question

Is there any way to get the pixel position of the slider handle of an HTML5 range input ?

Answer 1

This worked for me:

var slider = $("#combicalc_contribution-slider")[0];
var sliderPos = slider.value / slider.max;

var pixelPostion = slider.clientWidth * sliderPos;
//this is your pixel value
console.log(pixelPostion);

The pixel value was calculated properly for values from 1 to 50, on your example.