ASP 101 - Active Server Pages 101 - Web04
The Place ASP Developers Go!

Please visit our partners


Windows Technology Windows Technology
15 Seconds
4GuysFromRolla.com
ASP 101
ASP Wire
VB Forums
VB Wire
WinDrivers.com
internet.commerce internet.commerce
Partners & Affiliates














ASP 101 is an
internet.com site
ASP 101 is an internet.com site
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

ASP 101 News Flash ASP 101 News Flash





Sample HTML Code generated by the ASP:
<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


Output

Samples
Home |  News |  Samples |  Articles |  Lessons |  Resources |  Forum |  Links |  Search |  Feedback

Internet.com
The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers