<!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!" οnclick="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>