Hey I need help setting up ma HTML5 progress bar with my file upload form. How exactly do I implement it so it tells the user how long the upload has?
The code I've written is below. If you could give me the correct way the code should look and any other files I need to make that would be great. Thanks!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free Online File Storage</title>
<meta http-equiv="Description" content="Store all your files online for free! Free online file storage made easy. Up to 100mb per file upload, and unlimited file uploads!" />
<meta http-equiv="Keywords" content="unlimited, file, upload, free, storage, sharing, free online file sharing, free online file storage" />
</head>
<body>
<table width="100%" border="0" cellpadding="1">
<tr>
<th scope="col"><img src="/sn50 logo.png" alt="free online file storage" width="699" height="396"/> </th>
</tr>
</table>
<form enctype="multipart/form-data" action="upload.php" method="POST">
<div align="center">
<table width="100%" border="0" cellpadding="1">
<tr>
<th width="26%" scope="col"> </th>
<th width="47%" scope="col"><table width="100%" border="0" cellpadding="1">
<tr>
<th scope="col">Easy Uploads </th>
<th scope="col">Unlimited Uploads </th>
<th scope="col">Up to 100mb </th>
</tr>
</table></th>
<th width="27%" scope="col"> </th>
</tr>
</table>
<p>
<input name="uploaded" type="file" size="100" />
<input name="submit" type="submit" value="Store The File..." />
</p>
<p>Uplaoded:
<progress value="10" max="10"></progress>
</p>
<p><strong>By uploading any files you're accepting our <a href="/tos.html">TOS</a></strong></p>
</div>
</form>
<table width="100%" border="0" cellpadding="1">
<tr>
<th scope="col">All Rights Reserved 2010 - SN50.com </th>
</tr>
</table>
</body>
</html>