Question

How can I track what position have I clicked within an element in percent?

Basicly, it’s for a slider… And I want to track the position where to move the needle (CSS left property in %) once the slider has been clicked.

Answer 1

Managed to do this with:

$('#song-seeker').click(function(e){
    var offset = $(this).offset(); // somehow this.offsetLeft didn't work
    var x = Math.floor(e.pageX - offset.left); // calculates pixel value of position clicked within element
    x = Math.floor(x * 100 / $(this).width()); // transform to % value based on full clicked elements width
    // Math.floor() used to prepare values with 0 values behind comma, therefore, CSS safe.
});