问题标签 [jquery-ui-progressbar]

我有一个包含进度条值的列的 Gridview。我设法显示了每一行的进度，但我正在寻找一种方法来根据具有布尔值（ True/False ）的另一列来改变进度条的颜色。如果值为 True 颜色变为绿色。如果值为 False 颜色变为红色。我已经设法更改单个进度条的颜色，但我无法在 Gridview 中为每一行执行此操作！Boolean 列是status并且 progressbar 值 is in progress。

提前致谢！

ASP中的 GridView ：

更新：

脚本：

更新：

编辑：我已经更新了代码，但颜色仍然是绿色！像 If 语句不起作用？！

我正在尝试通过 AngularJS 指令实现JQueryUI 进度条，但我遇到了一点烦恼，我觉得我可能只是无法理解指令提供的过多配置选项。基本上，我希望能够做这样的事情：

事件异步来自服务器（不确定这是否重要）。然后有一个看起来像这样的指令：

问题是链接函数中的代码在模板创建的 DOM 元素准备好之前执行，因此如果您尝试通过 JQuery 或其他方式访问所述 DIV，您只会返回未定义。解决这个问题的黑客方法是简单地设置一个超时以继续尝试直到可以找到元素（通常需要不到一秒钟的时间）。不过，我只是想知道，是否有办法通过指令本身来执行此操作，以便它仅在模板内容正确放入页面后尝试执行该 JavaScript 代码。

有人可以回答这个问题吗？

当我将值写入我的 html 时，我的进度条运行良好，但是当我从 jquery 传递值时它不起作用.. 例如 $('#progresslevel').html(data);

现在我有这个 html，如果我在进度条中插入值，它就可以工作

但是如果我在 jquery 中这样做

在这里我从控制器那里得到一个值

它没有用..盒子上只写了50，没有别的..进度条不出现

我也通过在 span 类之后给一个 div 然后将值传递给 div 来尝试这个，但它仍然没有工作

任何人都知道如何解决这个问题

我有一个 PHP 脚本需要很长时间才能执行，因为每个操作都必须对另一个网站进行 SOAP 调用。我想添加一个进度条指示器，以便我可以看到该脚本的完成百分比。

我相信这样做的方法是执行一个异步 Ajax 调用来执行 PHP，然后再进行另一个 Ajax 调用来更新完成百分比。但是我在把它放在一起时遇到了很多问题。

到目前为止，我只有这个：

我的输出完成百分比 ($i) 的 PHP 脚本：

我为什么要战斗是因为输出进度的 importStatement.php 是“断开连接”或与进度条无关。进度条需要从这个脚本输入。有人可以指导我吗？

我对 jQuery UI 进度条有疑问。我的页面上有多个进度条（用于指示多步进度的堆叠进度条），并且我有以下代码来启动进度条并分配值：

编辑：添加 HTML 代码

但在我拥有的 HTML 属性aria-value-max=100和aria-value-now=0.

如何正确指定这些值？我对进度条（实际上是一个）有相同的体验，并且效果很好。

多谢你们。

我使用的是 jQuery 1.7.2，而 jQuery-ui 是 1.10.4。我的代码在 FireFox 中完美运行。我的 jQuery 代码如下。

这是我的 HTML 代码

有人可以帮忙吗...

小提琴源代码http://jsfiddle.net/milindsaraswala/2CFxZ/

这与其说是一个问题，不如说是我希望分享的信息，希望它可以帮助其他人使用 jQuery 进度条。

我最近被要求创建一个进度条，显示一年中给定季度中需要完成培训审查的天数。进度条需要多色（绿色、黄色、红色）并且该条仅在该季度的第 2 个月出现，并一直持续到该季度的第 3 个月的第 16 天。

有时，简单的请求可能会给我们带来开发中的最大痛苦。

这是使用 jQuery、javascript、html 和 css 的最终结果的屏幕截图

您可以在jsFiddle 示例中找到该页面的工作副本

我确实在示例中添加了一个 jQuery 日期选择器，以便您可以轻松更改日期以观察进度条的行为。

希望这可以帮助其他可能在进度条上苦苦挣扎的人

我在使用 jquery UI 进度条小部件实现进度条时遇到问题。小部件中的实际栏不是实时加载的。当计时器完成时，它只是跳到结束栏。我不确定它为什么这样做。任何帮助表示赞赏

});

我正在尝试设置 jquery-ui 的默认进度条皮肤的样式。不幸的是，我发现了一个被称为“背景出血”的问题。显然这个问题的解决方案是使用：

-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

但是，无论我把它放在哪里，它似乎都不适合我。:(

我的背景出血问题的图像（放大）

来源：

我需要一些关于 ajax 请求和在 jQuery 进度条中使用数据的帮助。

这是 index.html

这是test.json

这是JavaScript代码

对不起，我不习惯 jQuery 和 json。我会很高兴有一个很好的例子！！！

非常感谢你！