JSFiddle - React, Tailwind, and code Playground

by Vasil Svetoslavov

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/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:10%"></div>
    </div>
</div>

CSS

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

JavaScript

$(".progress-bar").animate({
    width: '' + (100/3) + '%' 
}, 2500);