updateProgress更新进度条及提示信息

<!-- 导入extjs配置 … ... -->
	<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
	<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="./../ext/ext-all.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
			/**
				updateProgress(Number value,String progressText,String msg)
				该方法在peogress:true的情况下会生效
				value:0——1之间的数字默认为0
				progressText:进度条上显示的文字
				msg:显示的内容
			
			*/
			var msgBox = Ext.MessageBox.show({
				title: '提示',
				msg: '动态更新的进度条和信息文字',
				modal:true,
				width: 300,
				progress:true
			});
			var count = 0;//滚动条被刷新的次数
			var percentage = 0;//进度百分比
			var progressText = "";//进度条信息
			Ext.TaskMgr.start({
				run:function(){
					count++;
					if(count > 10){
						msgBox.hide();
					}
					//计算进度
					percentage = count/10;
					//生成进度条文字
					progressText = '当前完成度:'+percentage*100+"%";
					//更新信息提示对话框
					msgBox.updateProgress(percentage,progressText,'当前时间:'+
										  new Date().format('Y-m-d g:i:s A'));
					
				},
				interval:1000
			});
		});
	</script>
 

你可能感兴趣的:(JavaScript,css,ext)