编程方式创建一个dojo进度条:dojo progressbar

本文介绍了一个使用Dojo框架和dijit小部件创建进度条的示例,展示了如何设置进度条的基本属性如宽度、最大值及初始值,并将其放置于页面指定位置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值