[cupoma58]

значит проблема в вашем css

Может-быть, проблема в том, что и прогресс и звук - оба под input?
Именно так всё задумывалось.
CSS:

input[type=range]{
    -webkit-appearance: none;
    height: 3px;  
    background: #363636;
    cursor: pointer;   
}
input[type=range]::-webkit-slider-runnable-track{
    -webkit-appearance: none;
    width: 100%; 
 
}
input[type=range]::-webkit-slider-thumb{            
    -webkit-appearance: none;
    height: 9px;
    width: 9px;
    border-radius: 9px;
    background: #ffb90f;   
}