Title: Centering Progress Bar
Last modified: August 20, 2016

---

# Centering Progress Bar

 *  [Oinobareion](https://wordpress.org/support/users/oinobareion/)
 * (@oinobareion)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/centering-progress-bar/)
 * Hi,
 * I am trying to center the progress bar on my page like this:
 *     ```
       <center>
       [wppb progress=50 percent=inside]
       </center>
       ```
   
 * The Progress Bar is centered now, so it actually works. But the animation also
   starts from the middle – spreading to the outer border of the bar. Looks kind
   of funny, but it’s not what i have expected 🙂
 * Is there a way to solve this issue?
 * [http://wordpress.org/extend/plugins/progress-bar/](http://wordpress.org/extend/plugins/progress-bar/)

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

 *  Plugin Author [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * (@jazzs3quence)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/centering-progress-bar/#post-3529161)
 * Try
 *     ```
       <div style="width: 100%; text-align: center;">
       [wppb progress=50 percent inside]
       </div>
       ```
   
 * or do `[wppb progress=50 percent=inside fullwidth=full]` and it will take the
   full width of the container (content area or wherever you put the progress bar)
   and it won’t matter if it’s centered or not.
 *  Thread Starter [Oinobareion](https://wordpress.org/support/users/oinobareion/)
 * (@oinobareion)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/centering-progress-bar/#post-3529164)
 * Thx for your help. This didn’t work:
 *     ```
       <div style="width: 100%; text-align: center;">
       [wppb progress=50 percent inside]
       </div>
       ```
   
 * It just stays left-aligned. I also thought about setting its width to 100%, but
   i simply don’t like it this way.
 *  Plugin Author [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * (@jazzs3quence)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/centering-progress-bar/#post-3529165)
 * Okay, then, if you can, try adding this to your CSS:
 *     ```
       .wppb-wrapper {
            margin: 0 auto;
       }
       ```
   
 * The thing is, I think we’re going to be fighting with your theme’s CSS on this
   one because if you look at my demo page, all of my progress bars are centered
   and all I did was use the center align button in the visual editor (which adds
   a `<div class="aligncenter">` wrapper to the contents.
 * [http://museumthemes.com/progress-bar/](http://museumthemes.com/progress-bar/)
 *  Thread Starter [Oinobareion](https://wordpress.org/support/users/oinobareion/)
 * (@oinobareion)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/centering-progress-bar/#post-3529211)
 * Didn’t work either…
    But you are definitely right, I am fighting against my theme–
   it’s the “Responsive” theme, which is very confortable but restrictive at the
   same time. If I find a solution, I’ll post it here.
 * Thanks anyway.
 *  Plugin Author [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * (@jazzs3quence)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/centering-progress-bar/#post-3529214)
 * This worked for me (in Chrome) for centering the progress bar in Responsive:
 *     ```
       .wppb-wrapper {
            margin: auto;
       }
       ```
   

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

The topic ‘Centering 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/)

## Tags

 * [center](https://wordpress.org/support/topic-tag/center/)

 * 5 replies
 * 2 participants
 * Last reply from: [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/centering-progress-bar/#post-3529214)
 * Status: not resolved