BootstrapDatePicker

by Greg Finzer

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker3.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
 
<div class="progress">
  <div class="progress-bar progress-bar-success" style="width: 25%">
    <span class="sr-only"></span>
  </div>
  <div class="progress-bar progress-bar-divider" style="width: 0.25%">
    <span class="sr-only"></span>
  </div>
  <div class="progress-bar progress-bar-success" style="width: 25%">
    <span class="sr-only"></span>
  </div>
  <div class="progress-bar progress-bar-divider" style="width: 0.25%">
    <span class="sr-only"></span>
  </div>
  <div class="progress-bar progress-bar-success" style="width: 25%">
    <span class="sr-only"></span>
  </div>
  <div class="progress-bar progress-bar-divider" style="width: 0.25%">
    <span class="sr-only"></span>
  </div>
  <div class="progress-bar progress-bar-success" style="width: 24%">
    <span class="sr-only"></span>
  </div>
</div>

CSS

.progress-bar-divider {
background-color: #fff;
}