<audio src="https://api.freeplaymusic.com/media/downloadable/files/link_samples/media/volume/tracks/Cinematic_Electronic_Volume_8/f/r/free_for_all.mp3" type="audio/mpeg" controls></audio>
<br><input type="range" style="width: 300px;" min="0" max="100" value="0">
  

const audio = document.querySelector('audio');
const position = document.querySelector('input');
audio.addEventListener(
  'timeupdate',
  () => {
    position.value = audio.currentTime / audio.duration * 100;
  },
);
position.addEventListener(
  'input',
  () => {
    audio.currentTime = audio.duration / 100 * position.value;
  },
);