JSFiddle - React, Tailwind, and code Playground

HTML

<audio src="https://archive.org/download/testmp3testfile/mpthreetest.mp3" id="player"></audio>  
<button id="play">Play</button>
<button id="pause">Pause</button>
<progress id="seekbar" value="50" max="100" style="width:400px;"></progress>

JavaScript

$('#play').on('click', function() {
    document.getElementById('player').play();
});

$('#pause').on('click', function() {
    document.getElementById('player').pause();
});

$('#player').on('timeupdate', function() {
    $('#seekbar').attr("value", this.currentTime / this.duration);
});