<style>

.progress-bar {
  border: 2px solid #04D1F0;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -khtml-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
  margin-bottom: 15px;
  text-align: center;
}

.progress-bar span {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 3em;
  margin: 0 30px;
}

.completed {
  background: cyan;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
  display: inline-block;
}
</style>


<div class="progress-bar">
  <div class="completed">
    <span><a href="/continue">Continue</a></span>
    <span>Class 1</span>
    <span>Class 2</span>
    <span>Class 3</span>
    <span>Class 4</span>
  </div>
  <span>Class 5</span>
  <span>Class 6</span>
  <span>Class 7</span>
  <span>Class 8</span>
</div>