<!DOCTYPE html>
<html >
<head>
<link rel="stylesheet" href="claro.css">
<script>dojoConfig = {parseOnLoad: true}</script>
<script src='dojo/dojo.js'></script>
<script>
require(["dijit/ProgressBar", "dojo/_base/window", "dojo/domReady!"], function(ProgressBar, win){
var i = 0;
var myProgressBar = new ProgressBar({
style: "width: 300px",
maximum: 100,
value:36,
},document.getElementById("div2"));
myProgressBar.startup();
/*code like these
var theBar = new ProgressBar({
id: "testBar",
width: 400,
maximum: 256,
duration: 2000,
dir: dir,
report: function(percent){
return string.substitute("${0} out of ${1} max chars", [this.get('value'), this.maximum]);
}
}, dom.byId("testBar"));
*/
/*var myProgressBar = new ProgressBar({
style: "width: 300px",
maximum: 100,
value:36,
}).placeAt(win.body()).startup(); */
/*setInterval(function(){
myProgressBar.set("value", i++ % 100);
}, 100);*/
});
</script>
</head>
<body class="claro">
<div id="div1"> div1</div>
<div id="div2">div2 </div>
<div id="div3"> div3</div>
</body>
</html>