title: limit the width of progress bar in twitter bootstrap
body: <p>I am using twitter bootstrap to spice up my Ui . I am really inclined to add a progress bar to my page . The following works fine except that the progress bar spans across the entire width of the screen . i would like it to be confined to a small rectangular area rather than the entire length of the screen . Any idea how to do it ?</p>
  
  <pre><code>&lt;div class="left" &gt;
      &lt;p&gt; &lt;strong&gt;Use the portal to submit your claims&lt;/strong&gt;&lt;/p&gt;
      &lt;p&gt; Step 1 &lt;/p&gt;
      &lt;div class="progress progress-info"&gt;
          &lt;div class="bar" style="width: 15%" &gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;p&gt; Step 2 &lt;/p&gt;
      &lt;div class="progress progress-info"&gt;
          &lt;div class="bar" style="width: 30%"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;p&gt; Step 3 &lt;/p&gt;
      &lt;div class="progress progress-info"&gt;
          &lt;div class="bar" style="width: 45%"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>