javascript - 使用 ExtJS 显示连续进度条

标签 javascript extjs

问题:-我需要嵌入一个进度条,该进度条将持续运行直到操作完成。 ExtJS 提供了一个进度条Ext.Progressbar,它将:-
a) 使用wait方法连续运行
b) 更新updateProgress方法后运行。

在这两种情况下,进度条的输出都是

alt text

我正在尝试的解决方案是:-
步骤1: alt text
步骤2: alt text
步骤3: alt text

请给我建议一个解决方案或方法。我使用的 JavaScript 库是 ExtJS。提前致谢。

示例引用的链接:-
http://dev.sencha.com/deploy/dev/examples/simple-widgets/progress-bar.html

<小时/>

最佳答案

这是一个简单的方法:您可以创建一个动画 Gif,显示您所描述的连续进度条:

  • 在操作开始时动态创建带有 gif 的 img 元素作为 src
  • 完成后删除 img 元素

或者如果想在操作前显示空的进度条,完成后显示完整的进度条:

  • 包含一个 img 元素,其 src 属性指向空进度条的图像
  • 更新 img src 以引用动画 gif
  • 更新 img src 以引用最后完整进度条的图像

关于javascript - 使用 ExtJS 显示连续进度条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4517138/

相关文章:

mvvm - 网格行内的 Extjs slider - 如何为每个 slider 显示新值

javascript - 更改 Ext-JS 组合框上的 valueField 配置?

javascript - jQuery.getScript 能否在 Chrome 开发者工具中将文件显示为资源?

javascript - 匿名函数的 Google 标签管理器错误

javascript - 是否可以只使用ExtJS的数据包?

extjs - 如何用标签隐藏文本框?

javascript - ng-include 中的指令

javascript - 没有得到 XMLHTTPRequest 的响应

javascript - Chrome 扩展程序 : can't use storage API in popup. js?

html - Sencha - 将底部标题边框添加到面板