Ver Mensaje Individual
  #4 (permalink)  
Antiguo 04/03/2016, 09:47
peperafa
 
Fecha de Ingreso: diciembre-2015
Mensajes: 45
Antigüedad: 8 años, 11 meses
Puntos: 3
Respuesta: Obtener distancia entre x div y el cursor

Que tal Hermano,

http://www.phpclasses.org/browse/file/1582.html

Coordenadas en del ratón en la parte visible del navegador:
event.clientX
event.clientY

Coordenadas absolutas del ratón en la página actual:
event.pageX
event.pageY

Coordenadas en un div:
event.pageX - this.offsetLeft;
event.pageY - this.offsetTop;

Tienes que tener dos elementos:
El contenedor de tu barra que va a tener el tamaño completo.
Y la barra que su tamaño será variable


Toma el valor de x del elemento contenedor de la barra con event.pageX - this.offsetLeft;
y a tu barra le colocas el tamaño de acuerdo a la coordenada x.

Aquí encontré una clase, no la he checado pero mírala a lo mejor encuentras algo útil:
http://www.phpclasses.org/browse/file/1582.html