bootstrap progress bar animation on page load

Solutions on MaxInterview for bootstrap progress bar animation on page load by the best coders in the world

showing results for - "bootstrap progress bar animation on page load"
Sophie
08 Jun 2017
1<style>
2  .progress .progress-bar {
3    animation-duration: 2s, 1s;
4    animation-timing-function: cubic-bezier(0, 0, 0.2, 1), linear;
5    animation-delay: 0s, 0s;
6    animation-iteration-count: 1, infinite;
7    animation-direction: normal, normal;
8    animation-fill-mode: none, none;
9    animation-play-state: running, running;
10    animation-name: animateBar, progress-bar-stripes;
11  }
12</style>
13
14<div class="progress">
15	<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>
16</div>