JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<style>
    .ui-progressbar { height:2em; text-align: left; overflow: hidden; }
    .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
    .ui-widget-content {
        border: 1px solid #AAA;
        background: white;
    }
    .ui-corner-all {
        -moz-border-radius: 4px/*{cornerRadius}*/;
        -webkit-border-radius: 4px/*{cornerRadius}*/;
        -khtml-border-radius: 4px/*{cornerRadius}*/;
        border-radius: 4px/*{cornerRadius}*/;
    }
    .ui-widget-header {
        border: 1px solid #AAA/*{borderColorHeader}*/;
        background: #CCC;
    }
</style>
<div id="progressbar"></div>

CSS

#progressbar{ width: 100px; height: 30px; }

JavaScript

$(document).ready(function(){
    $("#progressbar").css({ "background": '#FF0000' });
    $("#progressbar").progressbar({  value: 10  });    
});