hemantajax/progress-meter.html

## progress-meter.html
<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8 />
  <title>Progress and Meter</title>
  <!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <style>
  article, aside, figure, footer, header, hgroup,
  menu, nav, section { display: block; }
  meter{
    height:30px;
    margin:20px;
  }
</style>
</head>
<body>
  <p id="hello">Hello World</p>
  <form>
    <progress min="0" max="100" value="20"></progress>
    <br />
    <meter min="0" max="100" value="20">20</meter>
  </form>
  <script>
   var d=document.querySelector("progress");
    setInterval(function(){
    d.value+=1;
      },50);
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Progress and Meter</title>
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<style>
	article, aside, figure, footer, header, hgroup,
	menu, nav, section { display: block; }
	meter{
	height:30px;
	margin:20px;
	}
	</style>
	</head>
	<body>
	<p id="hello">Hello World</p>
	<form>
	<progress min="0" max="100" value="20"></progress>
	<br />
	<meter min="0" max="100" value="20">20</meter>
	</form>
	<script>
	var d=document.querySelector("progress");
	setInterval(function(){
	d.value+=1;
	},50);
	</script>
	</body>
	</html>