[SOLUCIONADO] Obtener porcentaje de px en barra de progreso

[TrinityCore]

Hola gente espero esten bien.


Estoy creando un reproductor de video / audio.

He logrado que al hacer click en "progress_box" (contenedor de la barra de progreso) este me de la distancia en px desde donde comienza el progress_box hasta el puntero del mouse.

El progress_box tiene 250px de ancho, asi que si clickeo en la mitad me daria 125 :P

ahora bien, lo que necesito es que en ves de darme la distancia en px me la de en %.

Porque ese % seria la posicion actual no solo de "Progress" (barra de progreso), sino tambien el tiempo de la cancion.

Dejare los datos para ver si me pueden ayudar, ya que con las mates soy un poco corto xD.

Contenedor de la barra de progreso (progress_box) -> 250px
Barra de Progreso (progress) -> 250px
TiempoActual -> currentTime (tiempo actual de la cancion).
Duracion -> duration (duracion de la cancion).

Espero de verdad me ayuden, estoy desesperado.

Saludos y gracias de antemano!

[TrinityCore]

Logre solucionaro con un par de pruebas.


asi que aqui dejare el codigo por si alguna vez alguien tiene el mismo problema.

Código Javascript:

//----> Controlar Barra de Progreso
    $("#progress_box").on("click", function(event){
        var mouseX = event.pageX - this.offsetLeft;
        var TemaDuracion = $("video")[0].duration;
        mouseX = mouseX*TemaDuracion/250; //----> 250 es el ancho total de la barra de progreso ("#progress") en px
        $("video")[0].currentTime = mouseX;
        ProgresoActual = $("video")[0].currentTime;
        var Progreso = ProgresoActual*100/TemaDuracion;
        $("#progress").css({"width":""+Progreso+"%"});
    });