title: JQuery progress bar - adding Text and changing background color
body: <p>I am thinking of using the Jquery progress bar to show the progress the user has made in a course.</p>
  
  <ul>
  <li>Within the progress bar, I want to show the text Course Progress 70%</li>
  <li>And I want to change the default grey color of the progress bar</li>
  </ul>
  
  <p>This is what I have done so far - which lets me add the text in the center of the progress bar:</p>
  
  <pre>
  $(function() {
      $( "#progressbar" ).progressbar({
          value: 70
      });
  );
  
  
  &lt;div style="width:600px;" id="progressbar">
      &lt;div style="float:left;color:black;text-align:center;width:100%;padding-top:3px;">Course Progress
  &lt;/div>
  
  </pre>
  
  <p>But I cant figure out how to change the color. It doesn't have to change dynamically - just one color that is not grey :)</p>
  
  <p>Thanks</p>