<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="span5">
<h4><a href="#">Lesson 1</a></h4>
<p>Overview of the course, prerequisites, instructor contact information, syllabus, location information</p>
</div>
<div class="span3">
Progress: <span class="pull-right strong">36%</span>
<div class="progress">
<div class="bar" style="width: 36%;"></div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="span5">
<h4><a href="#">Lesson 2</a></h4>
<p>Details about world history, geography of the ancient world, literature and resources</p>
</div>
<div class="span3">
Progress: <span class="pull-right strong">10%</span>
<div class="progress">
<div class="bar" style="width: 10%;"></div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="span5">
<h4><a href="#">Lesson 3</a></h4>