parfois il faut refresh la page et attendre qq secondes pour que la musiaue charge. <br />
<audio id="musique" controls src="https://file.garden/aFUcyNexbkMPSkGE/music/Ken%20Ashcorp%20-%20Poker%20Face%20Cover.mp3"></audio>
<figcaption>ken ashcorp - Poker Face Cover</figcaption>
<button> javascript loading</button>
<section>
	<div style="--poop:0%"></div>
</section>


<style>
	section{outline:1px solid black; border-radius:4px;width:500px;overflow:hidden; }
	div{width:var(--poop) ;height:10px;border-radius: 0px 3px 3px 0px; background: red;}
</style>

<script>
const muzctrl = document.getElementById("musique");



setInterval(myTimer, 200);

function myTimer() {
	const percent = Math.round(muzctrl.currentTime/muzctrl.duration*1000)/10

	//afficher pourcentage dans le bouton
	document.querySelector("button").innerHTML = percent + "%";

	//changer la variable poop pour update la longueur de la barre
	document.querySelector("div").style.setProperty(`--poop`,percent + "%");
} 
</script>