ProgPress Wordpress Plugin - Rating, Reviews, Demo & Download

 Wordpress Plugin - Rating, Reviews, Demo & Download
4.5 Average out of 2 ratings
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

ProgPress provides a simple
shortcode for creating
progress meters on your WordPress site. They can be used to track
just about anything where you count up towards a goal: word-count,
fundraising, etc. You can put them in individual posts and pages, or
include them in text widgets.

To insert a meter simply use the [progpress] shortcode:

[progpress title="My Project" goal="100000" current="1234"]

The [progpress] shortcode has the following options:

  • Required:
    • title: A string containing The title for your meter.
    • goal: A number. The one you are working towards.
    • current: A number showing how far along you are.
  • Optional:
    • previous: You can put your previous value of current here
      if you want to highlight your most recent progress update. It’s
      not visible using the default styling (but it doesn’t hurt
      anything).
    • label: What it is that you’re counting, like "words" for
      example.
    • separator: A character or string to display between
      current and goal. Defaults to "/".
    • class: An extra CSS class to apply to the meter container.
      Useful if you track different projects with different styles.
    • prefix: A character or string to display before each number
      (like ‘$’). Off by default.

ProgPress was designed to be customizable via CSS. I’ve provided
some examples in the Screenshots section.

NaNoWriMo Support

If you are participating in NaNoWriMo, ProgPress can automatically
track your progress. Just enable the additional ProgPress –
NaNoWriMo Support
plugin (in addition to ProgPress), and set the
nanowrimo attribute to your NaNoWriMo username (this is a change
from last year where your user id was used).

[progpress title="My NaNoWriMo Progress" nanowrimo="jczorkmid" label="words"]

So as to not overload their servers, the plugin caches your word count
info, so it may not update immediately when you update your word count
at nanowrimo.org.

Note that as of November 10, 2011 the NaNoWriMo Word Count API is
not yet officially released. At times it seems to return invalid
errors saying your user doesn’t exist, or you don’t have a novel in
progress this year. In my testing this clears itself up after a bit,
and once some data has been loaded WordPress will cache it rather than
continue to display errors if it keeps going up and down.

More Info

Thanks

Special thanks to Kris Johnson,
K. L. Kerr, Chris
Miller
, Debbie Ohi,
and Scott Philips for their feedback and
support.

Screenshots

  1. <p>This meter was generated using the default styles.</p>

<pre><code>    [progpress title="defaults" goal="180000" current="73023" previous="71398" label="words"]
</code></pre>

    This meter was generated using the default styles.

        [progpress title="defaults" goal="180000" current="73023" previous="71398" label="words"]
    

  2. <p>Make the meter blue and remove padding.</p>

<pre><code>div.jcp_pp_meter { 
    padding: 0; 
}
div.jcp_pp_prog { 
    background-color: #22a; 
}
div.jcp_pp_new { 
    background-color: #22f; 
}


 [progpress tile="Test" goal="50000" current="48000"]
</code></pre>

    Make the meter blue and remove padding.

    div.jcp_pp_meter { 
        padding: 0; 
    }
    div.jcp_pp_prog { 
        background-color: #22a; 
    }
    div.jcp_pp_new { 
        background-color: #22f; 
    }
    
    
     [progpress tile="Test" goal="50000" current="48000"]
    

  3. <p>Blue meters with 3D borders.</p>

<pre><code>div.jcp_pp_meter { 
   padding: 0;
   height: 30px; 
   border: inset 4px #aaa; 
   background-color: #aaa; 
   z-index: 1; 
   overflow: visible; 
}
div.jcp_pp_prog, div.jcp_pp_new { 
    border: outset 4px red; 
    margin-left: -4px; 
    margin-top: -4px; 
    z-index: 2; 
    background-color: #22a; 
    border-color:#22a;
}
div.jcp_pp_new { 
    border-color:#22f; 
    background-color: #22f; 
    border-left: none; 
    z-index: 3; 
}
</code></pre>

<blockquote>
  <p><code>[progpress title="Test Too" goal="100000" current="70000" previous="67000"]</code></p>
</blockquote>

    Blue meters with 3D borders.

    div.jcp_pp_meter { 
       padding: 0;
       height: 30px; 
       border: inset 4px #aaa; 
       background-color: #aaa; 
       z-index: 1; 
       overflow: visible; 
    }
    div.jcp_pp_prog, div.jcp_pp_new { 
        border: outset 4px red; 
        margin-left: -4px; 
        margin-top: -4px; 
        z-index: 2; 
        background-color: #22a; 
        border-color:#22a;
    }
    div.jcp_pp_new { 
        border-color:#22f; 
        background-color: #22f; 
        border-left: none; 
        z-index: 3; 
    }
    

    [progpress title="Test Too" goal="100000" current="70000" previous="67000"]

  4. <p>Image Based</p>

<pre><code>div.jcp_pp_meter { 
    padding: 0; 
    height: 33px; 
    background-image: url(pp_bg_remain.jpg); 
}
div.jcp_pp_prog,div.jcp_pp_new {
   background-image:url(pp_bg_current.jpg); 
}


 [progpress title="Test Also" goal="500" current="350" label="pages"]
</code></pre>

    Image Based

    div.jcp_pp_meter { 
        padding: 0; 
        height: 33px; 
        background-image: url(pp_bg_remain.jpg); 
    }
    div.jcp_pp_prog,div.jcp_pp_new {
       background-image:url(pp_bg_current.jpg); 
    }
    
    
     [progpress title="Test Also" goal="500" current="350" label="pages"]
    


Reviews & Comments