Do you maintain a website about your home improvement projects? If so, you can easily add a progress bar showing each project your working on and how far along you are.

ProjectTracker

Project A
 Project B

To add the ProjectTracker progress bar to your website follow these steps:

1

Paste the following code at the place in to your website you want the progress bar to appear:

<!-- Start ProjectTracker: HouseBlogs.net -->
Project A
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,29,0" width="102" height="17">
<param name="movie" value="http://www.houseblogs.net/tracker/projecttracker.swf?
percentage=100&colorout=25BFE0">
<param name="quality" value="high">
<embed src="http://www.houseblogs.net/tracker/projecttracker.swf?
percentage=100&colorout=25BFE0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="102" height="17"></embed>
</object>
<p>
(ProjectTracker from <a href="http://services.houseblogs.net/tracker">HouseBlogs.net</a>) <!-- End ProjectTracker: HouseBlogs.net -->

 

2

Customize the color of the bar chart by replacing the '25BFE0' with the hex code of your favorite color. (You can also modify the font sizes and colors as you see fit, but please keep a link back to this site if you use this code.)

 

3

Represent your project within the code by changing the project titles ('Project A') and percentage completion ('100') to suit your own projects. You can show as many projects as you like by repeating the code between <object> and </object> multiple times.

That's it! If you have any questions don't hesitate to contact us.