here the javascript code
var audio,progressi,curTime,durTime,play,pause,playpaus;
function initializer(){
audio = _('myaudio');
progressi =_('progressBar');
pause = _('pause');
play =_('play');
curTime = _('curTime');
durTime = _('durTime');
progressi.addEventListener('change', progress,false);
audio.addEventListener('timeupdate',seekTime,false);
}
window.onload = initializer;
function playpause() {
if(audio.paused){
audio.play();
play.style.display='none';
pause.style.display='block';
}else{
audio.pause();
play.style.display='block';
pause.style.display='none';
}
}
function progress(){
var percent = audio.duration *(progressi.value / 100);
audio.currentTime = percent;
}
function seekTime(){
var nt = audio.currentTime *(100/ audio.duration);
progressi.value = nt;
var curMins = Math.floor(audio.currentTime / 60);
var curSec = Math.floor(audio.currentTime - curMins * 60 );
var duMins = Math.floor(audio.duration / 60);
var duSec = Math.round(audio.duration - duMins * 60);
if(curMins < 10){curMins = '0'+curMins;}
if(curSec < 10){curSec = '0'+curSec;}
if (duMins < 10) {duMins = '0'+duMins;}
if (duSec < 10) {duSec = '0'+duSec;}
curTime.innerHTML = curMins+':'+curSec;
durTime.innerHTML = duMins+':'+duSec;
}