<h1 class="ml-10 mt-10">Progress Bar</h1>
<div class="ml-10 h-3 relative max-w-xl rounded-full overflow-hidden">
    <div class="w-full h-full bg-gray-200 absolute"></div>
    <div id="bar" class="transition-all ease-out duration-1000 h-full bg-green-500 relative w-0"></div>
</div>

document.addEventListener("DOMContentLoaded", function(){
    let bar = document.getElementById('bar');
    bar.classList.remove('w-0');
    bar.classList.add('w-full');
});