在此之前，先添加引用：以下引用方式僅供參考：由于我的extjs文件夾放在script文件夾下

??? <link href="~/Scripts/extjs/resources/ext-theme-neptune/ext-theme-neptune-all.css" rel="stylesheet" />
??? <!--4.0后用bootstrap.js替代adapter\-->
??? <script src="~/Scripts/extjs/bootstrap.js"></script>
??? <script src="~/Scripts/extjs/locale/ext-lang-zh_CN.js"></script>

<script type="text/javascript" >

Ext.onReady(function () {
??????????? //Show progress dialog
??????????? Ext.Msg.show({
??????????????? title: "Message",
??????????????? msg: "Loading,please wait...",
??????????????? icon: Ext.Msg.INFO,
??????????????? progress: true,
??????????????? closable: false,
??????????????? width:350,
??????????????? fn: function (btn, txt) {
??????????????????? //alert(Ext.String.format("click the '{0}' value is '{1}'", btn, txt));
??????????????? }
??????????? });
??????????? //progress bar refresh count、percent、display msg
??????????? var count = 0, percent = 0, progressMsg;
??????????? //define timers task to update progress info
??????????? var task = {
??????????????? run: function () {
??????????????????? count++;
??????????????????? percent = count;
?????????????????? // Ext.Msg.alert("d",percent);
??????????????????? progressMsg = Ext.String.format("當前進度：{0}%,當前時間:{1}", percent,Ext.Date.format(new Date(),"Y-m-d H:i:s ms"));
??????????????????? Ext.Msg.updateProgress(percent/100, progressMsg);
??????????????????? if (count >= 100)
??????????????????? {
??????????????????????? Ext.TaskManager.stop(task);
??????????????????????? //Ext.Msg.hide("destory");
??????????????????????? Ext.Msg.alert("信息", "加載完畢");
??????????????????? }
??????????????? },
??????????????? interval:10
??????????? };
??????????? Ext.TaskManager.start(task);
??????? })

</script>

o啦，就這么簡單就可以創建一個progress，如圖：

連css都省了 爽吧！

以上僅供參考，如有問題 歡迎指出...

轉載于:https://www.cnblogs.com/xiexingen/p/3372210.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Ext.MessageBox.Show使用Progress的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。