title: How to add text next to progress bar bootstrap?
body: <p>Hi I am trying to add some text to a progress bar in bootstrap. The way I want it to look is the follow:</p>
  
  <p>Java: x-x-x-x-x-x-x-x-x-</p>
  
  <p>C++ : x-x-x-x-x-x-x-x-x-</p>
  
  <p>where x-x-x-x-x-x-x-x-x- is the progress bar.</p>
  
  <p>I have written some code but I can't seem to get the text inline with the progress bar. Any help would be useful. I am using just bootstrap.</p>
  
  <pre><code>&lt;div class="panel panel-default" style="height:500px;overflow:scroll"&gt;
  
                          &lt;div class ="panel panel-primary"&gt;
                              &lt;div class="panel-heading"&gt;
                                  &lt;h4&gt;Programming Proficiency&lt;/h4&gt;
                              &lt;/div&gt;
                              &lt;div class="panel-body"&gt;
                                  &lt;div class="alert alert-info"&gt;
                                      &lt;div class="container"&gt;
                                          &lt;p&gt;&lt;h4&gt;Java&lt;/h4&gt;&lt;div class="progress col-md-2"&gt;&lt;/div&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>