JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<html>
    <body>
        <div id="coolstuff" style="margin-top: 10px;">
    <span class="badge" style="padding: 3px; width: 10px">10%</span>
        <div class="progress" id="prgbar">
    <div title="PO Details" class="bar" style="width: 20%;" id="prgwidth"> Add New PO Detail </div>
</div><!-- end of progress bar -->
</div> <!-- end of cool stuff -->
    </body>
</html>