<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>MyAjax1.jsp</title>
<link rel="stylesheet" type="text/css" href=“ext-2.3.0/resources/css/ext-all.css" />
<script type="text/javascript" src=“ext-2.3.0/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src=“ext-2.3.0/ext-all.js">
</script>
</head>
<body>
<script type="text/javascript">
function myProgressBar(){
//变量的使用方式 var ProgressBar=new Ext.ProgressBar({});
var myProgressBar = new Ext.ProgressBar({
text: 'working...',
width: 300,
applyTo: 'progressBar'
});
configureMyprogressBar(myProgressBar);//将刚刚声明的对象传过去。。
}
//配置我的myProgressBar
function configureMyprogressBar(myProgressBar){
var count=0;
var percentage=0;
var progressText='';
Ext.TaskMgr.start({
run:function(){
count++;
if(count>10){
myProgressBar.hide();
}
percentage=count/10;
progressText=count*10+'%';
/*
* updateProgress(value,text)
* value应该是0～1之间的数字 若超过1 进度条不会开始
* text是进度条上显示的文字
**/
myProgressBar.updateProgress(percentage,progressText);
},
interval:1000
});
}
Ext.onReady(function(){
myProgressBar();
});
</script>
<div id='progressBar'></div>
</body>
</html>
分享到：
相关推荐
ExtJS是一个功能强大的JavaScript库，主要用于构建富客户端的Web应用程序。在给定的资源"ExtJs-progressbar.rar"中，包含了一个使用ExtJS实现的网页进度条实例。这个实例可以帮助开发者理解如何在Web页面上创建动态...
尽管给定的部分内容主要涉及的是一个重复的链接到一个Java学习社区，并没有直接提供关于ExtJS的任何信息，但是基于标题“ExtJS Web应用程序开发指南（第2版）.pdf高清下载”和描述，我们可以围绕ExtJS框架进行深入...
《ExtJS Web应用程序开发指南(第2版)》共18章和1个附录，是对第1版的全面升级，增补了大量ExtJS 4.0中的新特性。从基本的ExtJS功能开始讲解RIA Web开发，从而引出用户体验丰富的ExtJS技术。接着通过经典的“Hello ...
《Extjs Web应用程序开发指南》是一本专注于使用Extjs框架进行Web应用开发的专业书籍，而提供的压缩包文件包含了书中各个章节的源代码示例。这些示例代码是学习Extjs框架的重要参考资料，可以帮助读者深入理解Extjs...
卫军、夏慧军、孟腊春编著的《ExtJS Web应用程序开发指南（第2版）》共18章和1个附录，是对第1版的全面升级，增补了大量ExtJS 4.0中的新特性。从基本的ExtJS功能开始讲解RIA Web开发，从而引出用户体验丰富的ExtJS...
EXTJS是一种基于JavaScript的前端开发框架，用于构建富互联网应用程序（RIA）。EXTJS的应用主要体现在其强大的组件模型、丰富的用户界面以及高效的数据显示上。EXTJS提供了大量的预定义组件，如表格、面板、菜单、...
extjs web 应用开发程序指南的源码 适合初学者学习
在IT领域，特别是前端开发中，ExtJS是一个广泛使用的JavaScript框架，用于构建复杂的企业级Web应用程序。本文将深入探讨如何在ExtJS中实现进度条的显示，这是一个在数据加载、文件上传或任何需要用户等待的任务中...
ExtJS是一种基于JavaScript的开源富客户端框架，专用于构建交互式和桌面级的Web应用程序。在《ExtJS Web应用程序开发指南（第2版）》中，开发者可以深入了解如何利用这个强大的框架来创建功能丰富的Web应用。这本书...
Extjs web应用程序开发指南.pdf
Struts2、ExtJS4.2、SwfUpload与ProgressBar：构建实时上传进度条 在Web应用中，用户上传大文件时，一个实时显示上传进度的功能可以极大地提升用户体验。Struts2作为Java企业级开发中常用的MVC框架，提供了一种高效...
ExtJSWeb应用程序开发指南，初学者必备工具
ExtJS Web应用程序开发指南（第2版）
Extjs Web应用开发指南(第二版)-源代码 完整版 新增extjs4新特性 此源码是一个完整的javaweb项目，由于大小的关系，把项目和jar分开：http://download.csdn.net/source/3504590
ExtJS Web 应用程序开发指南(第1版),源码CSDN已有人上传，我就不上传了，源码下载地址：http://download.csdn.net/detail/gothis/3811313
Extjs Web应用开发指南(第二版)随书源代码，货真价实！
EXTJS是一种基于JavaScript的前端开发框架，用于构建富互联网应用程序（Rich Internet Applications，RIA）。它提供了丰富的组件库，包括表格、窗体、菜单、工具栏等，使得开发者能够创建出功能强大、界面友好的Web...