Progress Bar animation
HTML
<div class="bar">
<div class="progress"></div>
</div>
CSS
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.bar {
width: 500px;
height: 10px;
border-radius: 5px;
background-color: #ddd;
border: 1px solid #333;
}
.progress {
background-color: #1eb91e;
height: 100%;
width: 0;
transition: all 2s ease;
border-radius: 4px;
}
JAVASCRIPT
setTimeout(() => {
$('.progress').css('width','70%');
}, 500);
