title: trouble displaying progressbar inline
body: <p>I am trying to get a jQuery UI progressbar to display inline so the output should be:</p>
  
  <p>Percent Complete: {{progressbar}} 25%</p>
  
  <p>I have tried variations of the following with no luck (I really thought it was going to work when I put everything in its very own div):</p>
  
  <p>I get:</p>
  
  <p>Percent Complete:
  {{Progressbar}}
  25%</p>
  
  <pre><code>&lt;p id="percent-complete" class="status" style="display:inline;"&gt;
  
  Percent Complete: 
  
  &lt;/p&gt;
  &lt;div id="progress-container" style="width:125px; display:inline"&gt;
  
  &lt;div id="progress" class="ui-progressbar ui-widget ui-widget-content ui-corner-all" style="height:10px;      width:100px;" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="25"&gt;&lt;/div&gt;
  &lt;span id="complete-text" class="status-update" style="display:inline;"&gt;&lt;/span&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there some reason why you can't display progressbars inline? Am I just missing something here? Is there something to be done about this situation?  Thanks for any assistance. </p>