Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by Kyle Mitofsky

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/css/bootstrap.css">
<div class="span8 progressContainer">
    <span class="badge pull-left">X</span>
    <div class="progress span6" >
        <div class="bar" style="width:10%;"></div>
    </div>
    <span class="badge">0</span>
</div>












<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO question: <a href='http://stackoverflow.com/q/17599145/1366033'>Twitter Bootstrap ProgressBar with Badge on left and right</a><br/>
<div>

CSS

.progressContainer span.pull-left{
    margin-top:2px;
}
.progressContainer .progress {
    margin-left: 0px;
}