This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

xwolf Progress Bar


Displays one or more progress bars.
All progress bars get data by an external source (URL) and will be automatically

Use as widget

Simply add the progress bar widget to the sidebar you want to display it.
Within the widget you can set a title and an URL and other optional settings.

Use as shortcode within articles and pages

To use the progress bars add a shortcode like this:

 [progressbar url="http://your.url/data.csv"]

Additional attributes:

  • color – set a color out of green, blue, red, orange
  • unitstr – string to add a unit
  • rounded – make bars and box with rounded borders
  • total – show total numbers
  • numbers – show numbers of each bar
  • numberbar – no break between bar and numbers
  • html5 – use HTML5 progress-tag.


Default progress bar:

[progressbar url="http://your.url/data.txt" 

Adding a width of 400px and set color to orange:

[progressbar url="http://your.url/data.txt"   
    width="400px"  color="orange"]

Adding Units, like percent, set blue bars, remove the rounded
corners and make the numbers appear on a new line:

[progressbar url="http://your.url/data.txt" 
    width="400px"  color="blue" rounded="0" numberbar="0" 

Add a total bar

[progressbar url="http://your.url/data.txt" 
    width="400px"  color="blue" rounded="0" numberbar="0" 
    unitstr="Meter" total="1"]

Display bars with HTML5- tag .

[progressbar url="http://your.url/data.txt" 
    html5="1" width="300px"]

Syntax for data sources

Syntax for the data-file on the URL is a character seperated file:
Titel; Progressvalue; Maxvalue


Projekt 1 Ready State; 20; 100
Projekt 2 Ready State; 44; 100

You are not based on a maximum number:

PC-Founding; 45,33; 2300
Server-Founding; 2213; 34000

You can also use floating numbers in the value field.

Note: Data from external sources will be cached once they was got by
30 minutes.

Language support

This plugin comes along with german language files.




  • Default view of progress bars within a article or page
  • Screenshot with progress bars in orange. You can set orange, blue, green and red as predefined colors.
  • Bars with numbers on an additional line and a total-bar.
  • Sample for a progress bars by activating the HTML5 tag
  • Widget settings
  • Sample progress bar (with settings of the widget in screenshot 5) on a widget with another background color.


  1. Download ZIP-file
  2. Upload to your blog into directory “/wp-content/plugins/”
  3. Activate within the plugin-section of wordpress backend

Contributors & Developers

“xwolf Progress Bar” is open source software. The following people have contributed to this plugin.

Translate “xwolf Progress Bar” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.