Title: MIddle Alignment
Last modified: August 15, 2023

---

# MIddle Alignment

 *  Resolved [poiuty4398](https://wordpress.org/support/users/poiuty4398/)
 * (@poiuty4398)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/middle-alignment-2/)
 * How do I align the bar in the middle of the page? it is sticked to the left right
   now.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmiddle-alignment-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * (@jazzs3quence)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/middle-alignment-2/#post-16993064)
 * Hi! Sorry for the delay but I was out of town last week and so only had a chance
   to look into this today. I wanted to make sure I was giving correct information,
   so I needed to test this to doublecheck because it’s been a while since I wrote
   this plugin.
 * By default, if you simply use something like `[wppb progress=50]` then the progress
   bar will inherit whatever the default alignment is for the container it’s in (
   e.g. left-align). However, as soon as you specify a location for the progress%
   to display (e.g. `[wppb progress=50 location=inside]` or `[wppb progress=50 location
   =after]`, it will center align the whole thing by default.
 * If you do _not_ want to display the progress %, then you can add `" "` into
   the `text` parameter (e.g. `[wppb progress=50 location=inside text=" "]`.
   This will render a plain progress bar with no progress percentage displayed. 
   You can put any other text in there as well and the progress bar will be center
   aligned.
 * Another option is to use `fullwidth=true`. This will make the progress bar take
   up the full width of the content container so the alignment is somewhat irrelevant.
 * ![](https://i0.wp.com/i.imgur.com/2xhVaiQ.png?ssl=1)
 * There are examples of all the shortcode parameters on my [demo site](https://progressbar.jazzsequence.com/other-examples/)
   and all the parameters are documented in the [readme](https://wordpress.org/plugins/progress-bar/).
 * You can also use custom CSS to handle alignment, but that’s a bit trickier and
   probably unnecessary if all you want to do is center-align the progress bar.

Viewing 1 replies (of 1 total)

The topic ‘MIddle Alignment’ 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/)

 * 1 reply
 * 2 participants
 * Last reply from: [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * Last activity: [2 years, 9 months ago](https://wordpress.org/support/topic/middle-alignment-2/#post-16993064)
 * Status: resolved