bootstrap progress bar animation on page load
<style>
.progress .progress-bar {
animation-duration: 2s, 1s;
animation-timing-function: cubic-bezier(0, 0, 0.2, 1), linear;
animation-delay: 0s, 0s;
animation-iteration-count: 1, infinite;
animation-direction: normal, normal;
animation-fill-mode: none, none;
animation-play-state: running, running;
animation-name: animateBar, progress-bar-stripes;
}
</style>
<div class="progress">
<div class="progress-bar progress-bar-animated progress-bar-striped" role="progressbar" style="width: 78%; background-color: rgb(107, 107, 107);" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>