Title: use image on progress bar
Last modified: August 21, 2016

---

# use image on progress bar

 *  Resolved [poytspot](https://wordpress.org/support/users/poytspot/)
 * (@poytspot)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/use-image-on-progress-bar/)
 * is it possible to use my custom image as the progress bar? thanks
 * [http://wordpress.org/extend/plugins/progress-bar/](http://wordpress.org/extend/plugins/progress-bar/)

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

 *  Plugin Author [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * (@jazzs3quence)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/use-image-on-progress-bar/#post-3834440)
 * I haven’t tried it but it’s theoretically possible if you know CSS. Just replace
   the gradient backgrounds with an image file.
 *  Plugin Author [Chris Reynolds](https://wordpress.org/support/users/jazzs3quence/)
 * (@jazzs3quence)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/use-image-on-progress-bar/#post-3834573)
 * Here, I tried this out and it seems to work. Here’s the demo:
 * [http://museumthemes.com/progress-bar/image-test/](http://museumthemes.com/progress-bar/image-test/)
 * …and this is the CSS I used to make it:
 *     ```
       .hhhhold {
         background: transparent!important;
         background-image: url(http://hhhhold.com/320x25)!important;
         background-repeat: no-repeat;
       }
       ```
   
 * In the shortcode, I added a custom option, hhhhold, to the shortcode which adds
   that class to the actual progress bar, so the shortcode looks like this:
 * `[wppb progress=80 location=inside option="hhhhold"]`

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

The topic ‘use image on 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: [12 years, 11 months ago](https://wordpress.org/support/topic/use-image-on-progress-bar/#post-3834573)
 * Status: resolved