JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="col-xs-12 col-sm-12 progress-container">
    <div class="progress progress-striped active">
        <div class="progress-bar progress-bar-success" style="width:0%"></div>
    </div>
</div>

CSS

.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

JavaScript

$(".progress-bar").animate({
    width: "70%"
}, 2500);