问题标签 [jquery-ui-progressbar]

我想用 jQuery UI 选项卡制作一个内容滑块（启用“旋转”选项和一些 fx 来淡入/淡出选项卡内容）。另外，我想将 jQuery UI Progressbar 集成到选项卡中，以便在显示选项卡时动画。

我在这里做了一个例子：http: //jsfiddle.net/xwXRa/9/

任何人都知道如何做到这一点？我尝试了一些东西，但我不知道如何禁用/启用 tabsselect 上的每个进度条。

谢谢你，阿德里安

jQuery UI Progressbar 的默认方向是从左到右。如何更改它以使其在完成时从右向左移动？下面是我想要实现的一个例子。

这可能是一个关于 jQuery UI 和 Javascript 的非常简单的问题，但我仍然在摸索这些语法。每当我的 C# (ASP.NET) 程序在不同功能中达到某个点时，我都会尝试更新 jQuery 进度条。我这样做正确吗？我可以在我的页面上看到空的进度条，但我无法让它更新它的进度。

这是我的脚本：

以下是我的更多脚本参考：

这里是我尝试通过 C# 函数使用 updateProgress() 函数的地方。我正在尝试将“10%”发送到进度条，但我的调试器出错并说 updateProgress() 未定义。

编辑：我添加了以下布尔值来绕过页面刷新和刷新我的进度条。

我不认为它在工作。它仍然会在每次页面加载时清除并将其设置回零。

我试图在 jQuery 进度条中只使用一种颜色，但它填充了整个 div。

这就是问题所在，我只是使用这些功能。

http://jsfiddle.net/jtf7M/1/

我如何一步一步地正确填充？

我在应用程序中有完整的 jQuery UI 副本，所以无论我是从 CDN 加载还是本地加载，我都知道它已经加载。（因为如果我们从 CDN 加载，我们唯一的选择就是对实时版本进行猴子补丁，是吗？）

我从：https ://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.progressbar.js 看到，this.min不幸的是这不是一个可设置的选项（this.options.max相比之下）。我需要this.min在-1我的情况下（是的，应用程序范围内，我们已经在团队内部讨论过这个问题，我们理解 jQuery 决定的原因，我们只需要它不是），所以我唯一的选择似乎是猴子补丁原型或维护我自己的插件。我还看到他们现在正在使用“小部件”架构来加载 jQuery UI 对象。

在这个特定的应用程序中，我的脚本大致加载如下：

所以我正在考虑进入 company.utils.js 并像这样定义一个monkeypatch：

但是，我很好奇这是否是猴子补丁这个对象的正确方法。可以肯定的是，但我想我会询问更广泛的 StackOverflow 社区，并为未来的搜索者提供一些可谷歌搜索的内容。

我需要在页面加载时创建一个动画进度条，这是我需要的示例： http: //somnia-themes.com/templates/verendus/shortcodes/progressbar.html

我需要显示与上面示例中相同数量的条形图，但它们需要使用条纹图像进行动画处理，我可以使用 CSS，但我需要确保它在所有浏览器中都能正常工作，因此需要使用切片条纹图像。

将不胜感激任何帮助。

或者，我可以使用 Twitter Bootstrap 中的动画进度条（我的网站是使用 Bootstrap 框架构建的），但该进度条的加载方式与上面的 url 不同。有没有办法将此加载功能添加到 Bootstrap？

提前致谢。三吉

我有个问题。

有人可以帮助修复此代码，以便进度条在达到 100 时重新开始。

我希望你能看到工作正在进行中。现在使用我的代码，它会在达到 100 时停止。

希望你能理解我的问题。

另一种解决方案可能是一个进度条，它一直在不同的值上跳跃。唯一重要的是进度条一直在工作，直到您从页面重定向。

这是我目前进度条的代码。

我无法使 jQuery UI 不确定的进度条在 Rails 应用程序中正常工作。我的工作基于http://jqueryui.com/progressbar/#indeterminate上的 jQuery-UI API 演示，并试图将其调整为我的应用程序。

我试图模拟的 jQuery 示例代码的关键部分是：

我的 Rails 应用程序中的关键代码如下：

应用程序.js：

页面特定的 JS (event.js) - 包含在 views/events/new.html.erb 中：

应用程序.css：

events.css.scss：

意见/事件/new.html.erb：

服务页面中的结果 HTML：

此代码在进度条 div 中生成一个空白的白色条，而不是 jQuery 演示中的灰色动画条。如果我删除 document.ready 函数中的注释，该栏会变为红色（#aa0000），但它仍然不是动画的，只是静态的。我将非常感谢任何人对此行为的任何见解。

更新：我发现以下线程 - https://forum.jquery.com/topic/progressbar-api-redesign#14737000003912014 - 这表明动画覆盖GIF文件尚未包含在主题包中，所以我下载了它并将其安装在 assets/images/animated-overlay.gif 中，但它仍然无法正常工作。我在 Smoothness 主题 CSS 文件中找到了以下几行：

所以我认为我将图像放在正确的位置。有什么建议么？

我有这个用于进度条的代码，但.progress-label显示的小数点太多，例如 (2.020302032400%)。

我的代码看起来像这样

我怎样才能摆脱小数？另外，百分比是否可以增加一？，现在它太快了。

- - - - - - - - - - - - - - - - - -编辑 - - - - - - - ---------------------

通过 Barmar 的回答，我完成了代码，如果有人需要这里的解决方案，那就是：

当我阅读一个非常大的 json 文件时，我想使用 jQueryUI 进度条。调用 getJSON() 时文件中的“记录”数量是否已知，以便我可以相应地推进进度条？