Title: Cusom text inline with Progress bar
Last modified: August 22, 2016

---

# Cusom text inline with Progress bar

 *  [Dracori](https://wordpress.org/support/users/dracori/)
 * (@dracori)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/cusom-text-inline-with-progress-bar/)
 * Hello,
    I was wondering if it was at all possible for the custom text (total 
   etc) to be aligned with the progress bar instead of being centered.
 *  50%
    [||||| ] 70% [||||||| ] 100% [||||||||||]
 * Fab plugin btw of which I am currently customizing for my own site, just can’t
   seem to figure this out. Cheers in advance (even if it is a simple answer)
 * [https://wordpress.org/plugins/progress-bar/](https://wordpress.org/plugins/progress-bar/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [Dracori](https://wordpress.org/support/users/dracori/)
 * (@dracori)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/cusom-text-inline-with-progress-bar/#post-5187574)
 * Ok, looks like the format on my ascii example wasn’t right for here :/
 * [http://maxcdn.webappers.com/img/2010/09/css-progress-bar.jpg](http://maxcdn.webappers.com/img/2010/09/css-progress-bar.jpg)
 * is a better example
 *  Plugin Author [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * (@jazzs3quence)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/cusom-text-inline-with-progress-bar/#post-5187596)
 * It might be possible with custom CSS. If you got that screenshot from a tutorial
   somewhere, I’d see if they include some example CSS and see if you can apply 
   it to the plugin.
 * The problem here is that the actual size of the progress is handled by javascript
   on the page load. And the progres text is part of the markup on the page — before
   the progress bar has loaded. So to be able to align the text with the bar itself,
   you’d need to change this core functionality to either move the text based on
   the size of the bar with javascript, or else place the text inside the actual
   bar (which is inside a `span` tag) instead of outside it.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Cusom text inline with Progress bar’ is closed to new replies.

 * ![](https://ps.w.org/progress-bar/assets/icon-256x256.png?rev=2909774)
 * [Progress Bar](https://wordpress.org/plugins/progress-bar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/progress-bar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/progress-bar/)
 * [Active Topics](https://wordpress.org/support/plugin/progress-bar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/progress-bar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/progress-bar/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/cusom-text-inline-with-progress-bar/#post-5187596)
 * Status: not resolved