title: Ext JS Progress Bar - text align to center
body: <p>Just started using progressbarwidget, I want the text from my textTpl to be center aligned within the progress bar at all times regardless of what percentage the bar is at, when I mean centered I mean the center of the progress bar and not center of the progress value. See fiddle below and attached image</p>
  
  <p><a href="https://i.stack.imgur.com/1ZYi6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1ZYi6.png" alt="progress bar currently and what I want!"></a></p>
  
  <p><a href="https://fiddle.sencha.com/#fiddle/1dm7" rel="nofollow noreferrer">https://fiddle.sencha.com/#fiddle/1dm7</a></p>
  
  <p>I seen a reference on another thread to set position : relative, this does set the text to the center of the bar but doing so means the bar does not show the progress anymore. I see when the progress bar is created it has 2 divs, containing the following classes, x-progress-text and x-progress-bar, both contain the text value.</p>
  
  <p>Thanks in advance</p>