ProgPress: A progress meter plugin for WordPress


  1. […] thanks to Jason Penney’s wonderful plugin, ProgPress for providing the […]

  2. Debbie Ohi says:

    Love your plugin, Jason! I tried making a Paypal donation via your WordPress plugin page, but got an error message. :-(

  3. Jason Penney says:

    @Debbie Ohi – Yikes! Thanks so much for pointing that out. Not sure why that stopped working, but it should be all set now.

  4. Lia Keyes says:

    Any chance you could do one for blogger? I love what you’ve done here!

  5. […] directly, but are seeing it some other way, I’m testing an update to my ProgPress plug-in that should make the progress meter show up at the top of this post. I know it works in Google […]

  6. Kristen says:

    Hi Jason,
    I tried to activate the plugin and got an error message in WordPress:

    “Plugin could not be activated because it triggered a fatal error.

    Parse error: syntax error, unexpected ‘{‘ in wp-content/plugins/progpress/wp-progpress.php on line 114 ”

    I’m running WordPress v2.8. Is this error due to a problem with one of the settings on my server?

    Thanks in advance for your help!

  7. Jason Penney says:

    @Lia Keyes – I wish I could, but I’d have no idea where to begin.

    @Kristen – Is your hosting provider running php4? I’m not sure I ever tested ProgPress on php4, but looking at it now I think it might not work. I think I need to make a few other adjustments for WP 2.8.1+, so I’ll see what I can do about fixing your issue at the same time.

  8. Kristen says:

    Hi Jason,
    In the server specs, it says my host is running PHP 4.4.9. It also said “You can enable PHP 5.2.5 as CGI binary using FastCGI”. I tried enabling PHP 5.2.5 and was able to activate the ProgPress plugin but unfortunately the switch caused other problems, like not even being able to login to WordPress at all through Firefox and not being able to perform some of the other functions in WordPress through IE 7 either. So it looks like the problem is due to the PHP version my host is running.

  9. […] updated my ProgPress Plug-in. This version should (hopefully) solve the issue with php4 that recently came to light. It […]

  10. Jason Penney says:

    @Kristen – Please try the newest version. It should clear up the issue.

  11. Luke says:


    Where do I edit the css for the plugin? I want to do some custom css, but when I added the css lines above to my theme style sheet, the progress meter didn’t change at all?



  12. […] ProgPress is an awesome tool for us you like to see our progress in visual detail.  Nicely done Jason Penny.  So, ignore the post below with the other Progmeter in it…that will be the last […]

  13. Hello, sailor! I love what you’ve done here — it’s the most straightforward and easy-to-use progress bar plugin for WP out there. I even hacked it a bit to display percents the way that I like (number %, instead of 5/100 %). It wasn’t anything difficult, but I can send you the code if you like.

  14. Kassie says:

    i cannot get the actual bar to show in my sidebar.. i don’t really get how to activate it to appear.. what am i not doing?

  15. Shane says:

    This is the second fundraiser meter I have tried to install into my sidebar. I even used the PHP Sidebar widget instead of the standard HTML one to insert the code. My stats are showing up in plain text with no progress bar. Please help.



  16. Shane says:

    I seem to get it to work. Anyway to add in coma’s and $ signs in the numbers? I think it would look better to have $45,000 as oppose to 45000. Pretty cool plugin.. thanks!

  17. […] writing, but unfortunately I couldn’t find a widget that would do the trick. I tried ProgPress because it allows tracking of multiple projects in a single widget, but the progress bar appeared […]

  18. Cindi says:

    This looks like a great plugin – we’re going to use it for quilt progress on our blog! Just two questions – 1. Is there a way to add a picture of what we’re making progress on? 2. How do you change the color of the bar?

  19. Cindi says:

    My apologies – I figured out how to get the picture in. Now just need to know how to change the color! Thanks so much – it looks great!!

  20. Cindi says:

    See what happens when you leave me alone to experiment? Figured out how to change the color. Now the only thing we’d like to do is delete the “50/100% complete” line and just leave the meter. It’s the only thing I can’t figure out.

    This is GREAT!!!! I’ve had to tweak it just a little but it’s going to work perfectly. There is nothing out there that allows us to monitor our craft. Thanks for developing this!

  21. Angie says:

    Hey there, I just wanted to thank you for your plugin. I’ve modified it for use in a buddypress site I have going. I’m trying to figure out how to do a last bit of ui tweaking on the bp side of things, but I just wanted to say thanks for putting out such a great straight forward bit of code!

  22. Raffi says:

    The “excellent write up” is gone. Do you know a site where this is in action? There is a comment here from Dark Rogue and there is a progress bar in his left sidebar. Is that it? Can it run vertically or only horizontally?

  23. Penrefe says:

    Hello! Absolutely love this little gem. I also noticed there’s no guide for setting it up, so I wrote on, hope it helps!

    • Jason Penney says:

      Very nice! I used to have a similar page on this site, and I’ve been meaning to recreate it as part of the README.

      Glad you figured it out.

  24. […] into WordPress to show writers the fruits of their labours in the form of a progress meter, called ProgPress. There was just one problem; the tutorial for setting it up wasn’t available […]

  25. Tudorminator says:

    Thank you for your great work. I like it even more after you have added the shortcode option and the separator parameter. I use it to display reading progress on my blog, so now it’s a breeze to have it display something like ”X pagini din Y” (X pages out of Y).

    I do have a small suggestion which would benefit all of us non-native english speakers: please make the text localizable through gettext, so that I can change the $goal_label tooltip (I use the Codestyling Localization plugin) without modifying it in the plugin code after each update.

    Thank you.

  26. Tudorminator says:

    Sorry about double posting, one more thing: I think that $goal_label tooltip would be more useful if it would display the difference between goal and current values.

    Thank you again for a great plugin.

  27. […] recently updated ProgPress, my progress meter plugin for WordPress, based on some outstanding requests for functionality and […]

  28. […] wordpress, just look up the plugin named ‘progpress’, install it and then check out this site for how to use it. (It’s simple.) […]

  29. Edwin says:

    How do you set up different classes so that you can track different projects, as you have suggested in the text file. Thanks. I am a newbie, and need a push in the right direction.

    So far I have taken the css style, modified it to suit my website, and ploncked it into my style.css, while disabling your default style in the plugin options.

    Its great for now. But I would like to learn how to create different CLASS styles so I can portray mutiple different Progress bars on 1 website. Big thanks.


    • Jason Penney says:

      Sorry for the delay in response. Let’s say you wanted to make your meters blue for a certain project.

      In your post/sidebar/whatever: [progpress class="project_foo" ... ]

      Then in your style sheet:

      div.project_foo .jcp_pp_meter div {
          background-color: #00f;
  30. […] 2011-03-22: Moved onto a different progress bar plugin called ProgPress which is more static and so, overcomes the problems/concerns I had […]

  31. Angel says:

    I really like this plugin, however I was wondering if there was anyway you could modify it to work for those trying to lose weight? Please let me know if this is possible. Thanks!

  32. Isak Krab Koed says:

    Dear Jason

    Thank you so much for this brilliant plugin. There’s just one thing I’m wondering: how can I change the , to a . in the numbers, for example:

    From 10,000 to 10.000?

    If I write 10000 in the shortcode, it shows up as 10,000 – which is not the way it should look in my country. If I write 10.000 in the shortcode, it shows up as just 10, which is not the right number :P

    Can you help?

    Kind regards

  33. […] up your own and your progress bar and you’re using WordPress you can get the plugin I use at  There are other options which work on all platforms such as […]

  34. Tudorminator says:

    Hi Jason,

    Thanks again for your great work. I have taken the liberty to add the feature I was requesting a while ago, and I want to share my modifications with everybody. I would really love it if you could integrate this in a future version, no strings attached (I don’t even want you to mention my name or anything, do as you please).

    So, in order to make the “Goal: ” label translatable through gettext() (and the Codestyling Localisation plugin), one needs to edit the wp-progpress.php file (plugin version 1.2.1) in 2 places:

    – on line 113, change this:

    $goal_label = "Goal: " . $goal;

    to this:

    $goal_label = __("Goal: ", 'progpress') . $goal;

    – then add the following lines after line 426, inside the function jcp_progpress_init():

    if ( !defined('WP_PLUGIN_DIR') ) {
    load_plugin_textdomain('progpress', str_replace( ABSPATH, '', dirname(__FILE__)));
    } else {
    load_plugin_textdomain('progpress', false, dirname(plugin_basename(__FILE__)));

    That’s all. After these modifications, ProgPress appears in the Codestyling Localisation’s list of translatable plugins and everything works smoothly. Note that I haven’t touched the strings that appear in the config page of the plugin, but the modifications are fairly similar and should be easy to implement.

    Best regards,

  35. […] much research (and being too lazy to code it myself), the ProgPress plugin by Jason Penney, is the easiest and most flexible to […]

  36. Trevor says:

    So from what I understand, you can’t change the color of the bar when it’s used in a widget.. correct? I’m wanting to have multiple bars in a widget each with a different colour based on how far along their progress is. Is it possible?

    • Jason Penney says:

      You can have different colored bars. It’s controlled by your style sheet. Use the ‘class’ parameter to differentiate them.

      [progpress class="green_meter" ...]

      Then in your style sheet:

      .green_meter .jcp_pp_meter div {background-color: #0f0;}

  37. […] up your own and your progress bar and you’re using WordPress you can get the plugin I use at  There are other options which work on all platforms such as […]

  38. Jason,
    I’m tracking progress for fundraising for 3 phases of a playground for my kid’s school. I’d like to display 3 meters in three different colors – same background color, different progress color. If I use the info above, I think I would use the following in the widget:

    [progpress class="project_Phase1" title="Phase 1: Playground" prefix="$" goal="80000" current="3000"]
    [progpress class="project_Phase2" title="Phase 2: Field" prefix="$" goal="400000" current="0"]
    [progpress class="project_Phase3" title="Phase 3: Kickball/Softball Field" prefix="$" goal="100000" current="0"]

    And this in the CSS:
    div.project_Phase1 .jcp_pp_meter div {background-color: #00f;}
    div.project_Phase2 .jcp_pp_meter div {background-color: #00f;}
    div.project_Phase3 .jcp_pp_meter div {background-color: #00f;}

    I need to determine colors (where do you find these codes?), but am I on track?


    • Jason Penney says:

      Hi Dale. You’re on the right track! You need to use RGB color values, and add the entries to your sites style sheet. Let me know if I can help.

      • Dale says:

        Thanks for your help! Ok, I have the colors loaded. Is there a control that lets me change the border of the meter?


        • Jason Penney says:

          Sure, there are a lot of options as to what you can do with the border. The default is controlled by:

          div.jcp_pp_meter { border:1px solid #000; }

          That’s 1 pixel wide, solid, black. You can play with any of the border properties.

          The empty space between the border and the bar is controlled by:

          div.jcp_pp_meter { padding:2px}

          Which is 2 pixels of empty space between the meter and the border. You can set it to ‘0’ to get rid of that space.

  39. […] have recently installed the Progpress plugin to to track my writing progress and demonstrate how lazy I really […]

  40. […] ProgPress: Progress bars for tracking your progress. I use it for my challenges. […]

Leave a Reply

U Comment/I Follow

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>