<h3>Progress Bars</h3>
<p><strong>HTML Table Version:</strong></p>
<table border="1" cellspacing="0" cellpadding="0"><tr><td><table width="146" border="0" cellspacing="0" cellpadding="0"><tr><td width="95" style="background-color:#0000FF"> </td><td> </td></tr></table></td></tr></table>
<br />
<p><strong>IE-esque Solid Version:</strong></p>
<img src="images/progress_ie_left.gif"  border="0" height="17" width="4"><img src="images/progress_ie_green.gif" border="0" height="17" width="93" alt="65.37%"><img src="images/progress_ie_white.gif" border="0" height="17" width="49" alt="34.63%"><img src="images/progress_ie_right.gif" border="0" height="17" width="4">
<br /><br />
<p><strong>Generic Blue/Grey Version:</strong></p>
<img src="images/progress_bluegrey_left.gif"  border="0" height="16" width="3"><img src="images/progress_bluegrey_full.gif"  border="0" height="16" width="94" alt="65.37%"><img src="images/progress_bluegrey_empty.gif" border="0" height="16" width="50" alt="34.63%"><img src="images/progress_bluegrey_right.gif" border="0" height="16" width="3">
<br /><br />
<p><strong>IE Version:</strong></p>
<img src="images/progress_ie_left.gif"  border="0" height="17" width="4"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_full.gif"  border="0" height="17" width="8" alt="65.37%"><img src="images/progress_ie_empty.gif" border="0" height="17" width="8" alt="34.63%"><img src="images/progress_ie_empty.gif" border="0" height="17" width="8" alt="34.63%"><img src="images/progress_ie_empty.gif" border="0" height="17" width="8" alt="34.63%"><img src="images/progress_ie_empty.gif" border="0" height="17" width="8" alt="34.63%"><img src="images/progress_ie_empty.gif" border="0" height="17" width="8" alt="34.63%"><img src="images/progress_ie_empty.gif" border="0" height="17" width="8" alt="34.63%"><img src="images/progress_ie_right.gif" border="0" height="17" width="4">
<br /><br />
<p><strong>Classic Version:</strong></p>
<img src="images/progress_classic_left.gif"  border="0" height="16" width="2"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_full.gif"  border="0" height="16" width="10" alt="65.37%"><img src="images/progress_classic_empty.gif" border="0" height="16" width="10" alt="34.63%"><img src="images/progress_classic_empty.gif" border="0" height="16" width="10" alt="34.63%"><img src="images/progress_classic_empty.gif" border="0" height="16" width="10" alt="34.63%"><img src="images/progress_classic_empty.gif" border="0" height="16" width="10" alt="34.63%"><img src="images/progress_classic_empty.gif" border="0" height="16" width="10" alt="34.63%"><img src="images/progress_classic_right.gif" border="0" height="16" width="2">
<br /><br /><br />
<p><strong>Note:</strong> It's simple to change the percentage and bar length:</p>
<img src="images/progress_ie_left.gif"  border="0" height="17" width="4"><img src="images/progress_ie_green.gif" border="0" height="17" width="0" alt="0%"><img src="images/progress_ie_white.gif" border="0" height="17" width="92" alt="100%"><img src="images/progress_ie_right.gif" border="0" height="17" width="4"> 0% @ 100px<br /><br />
<img src="images/progress_ie_left.gif"  border="0" height="17" width="4"><img src="images/progress_ie_green.gif" border="0" height="17" width="36" alt="25%"><img src="images/progress_ie_white.gif" border="0" height="17" width="106" alt="75%"><img src="images/progress_ie_right.gif" border="0" height="17" width="4"> 25% @ 150px<br /><br />
<img src="images/progress_ie_left.gif"  border="0" height="17" width="4"><img src="images/progress_ie_green.gif" border="0" height="17" width="96" alt="50%"><img src="images/progress_ie_white.gif" border="0" height="17" width="96" alt="50%"><img src="images/progress_ie_right.gif" border="0" height="17" width="4"> 50% @ 200px<br /><br />
<img src="images/progress_ie_left.gif"  border="0" height="17" width="4"><img src="images/progress_ie_green.gif" border="0" height="17" width="182" alt="75%"><img src="images/progress_ie_white.gif" border="0" height="17" width="60" alt="25%"><img src="images/progress_ie_right.gif" border="0" height="17" width="4"> 75% @ 250px<br /><br />
<img src="images/progress_ie_left.gif"  border="0" height="17" width="4"><img src="images/progress_ie_green.gif" border="0" height="17" width="292" alt="100%"><img src="images/progress_ie_white.gif" border="0" height="17" width="0" alt="0%"><img src="images/progress_ie_right.gif" border="0" height="17" width="4"> 100% @ 300px