dijit.ProgressBar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

<head>
<style type="text/css">
body,html {
	font-family: helvetica, arial, sans-serif;
	font-size: 90%;
}
</style>
<script type="text/javascript" src="dojo/dojo/dojo.js"
	djConfig="parseOnLoad: true"></script>
</script>
<script type="text/javascript">
	dojo.require("dijit.ProgressBar");
	dojo.require("dojo.parser");

	var i = 0;
	function download() {
		jsProgress.update({
			maximum : 10,
			progress : ++i
		});
		if (i < 10) {
			setTimeout(download, 100 + Math.floor(Math.random() * 100));
		}
	}
</script>
<link rel="stylesheet" type="text/css"
	href="dojo/dijit/themes/claro/claro.css" />
</head>

<body class=" claro ">
	<div dojoType="dijit.ProgressBar" style="width: 300px"
		jsId="jsProgress" id="downloadProgress" maximum="10"></div>
	<br />
	<input type="button" value="Go!" onclick="download();" />
	<!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
	<script type="text/javascript">
		dojo.addOnLoad(function() {
			if (document.pub) {
				document.pub();
			}
		});
	</script>
</body>

</html>