title: How can I position my percentage in the same line as my progressbar?
body: <p>I am trying to achieve UI as shown in the image. However I am having little hard time after trying combinations of positioning now I am clueless. Can someone help me with this?</p>
  
  <p><img src="https://i.stack.imgur.com/G0wfX.png" alt="enter image description here"></p>
  
  <p>I just want to place the percent in the same line as my progress bar. </p>
  
  <p>This is what I have : <a href="https://jsfiddle.net/bheng/ncudouL3/" rel="nofollow noreferrer"><code>JSFiddle</code></a> </p>
  
  <p>Result : </p>
  
  <p><img src="https://i.stack.imgur.com/UXDTr.png" alt="enter image description here"></p>