问题标签 [jquery-ui-progressbar]

我试图制作 jquery-ui 进度条，它显示在表单中填写输入的进度。我的代码如下：

html:

脚本：

在上面的代码中，我首先计算了没有。表单中的元素并设置相对长度（每个填充输入要增加的长度）。进度条随着输入值的变化而增加。如果输入值被清空（即空白），则减少。

这很好用，但问题是它每次都会检测到输入变化的变化。因此，如果我填写输入并第二次填写，那么进度条会再次增加。

是否有任何解决方案可以让我检测到输入的第一次更改并在更改后停止进度条？

I'm trying to set up a JQuery Progress Bar to update when the user submits a form (the final code will be more complex and dynamic, but I'm just trying to learn how the progress bar works first).

The simple code that I'm trying to debug is:

It's just a simple form that initializes a progress bar to 25%, and runs a .submit function that sets the value to 75%. I know that the submit code is getting called because if I click the Submit button repeatedly, I see the 75% value flash on and off in the progress bar.

My question is: How do I get the value to stay selected once it's changed by the .submit function?

Thanks In Advance!

UPDATE: Thanks for the advice @charlietfl :-) New to the whole posting thing :-)

Here is the ajax-based code I have...

Still not updating...don't even see the value flash anymore.

Thanks!

Bob

FINAL UPDATE: Needed to also add some JSON stuff to get the callback from the aspx page to work. Below is the fully working code for anyone else who needs it:

ASPX Code-Behind:

And the body of the aspx page itself:

Thanks again to @charlietfl for all the help!

我有一个进度条，它通过以下方式在鼠标悬停事件中进行动画处理：

然后在 mouseout 事件中，我想将进度条重置为其初始状态，然后如果再次调用 mouseover，则动画必须重新开始。

我已经到了可以像这样重置值的地步：

但是从那里开始，另一个鼠标悬停不会再次开始动画。我认为问题可能是因为在第一个动画之前该值被初始化为 1。但是，将其设置为 1 根本不会重置动画。最后，我尝试先将其重置为 0，然后在初始状态下将其设置为 1，但没有成功。

小提琴

我有一个包含大约 2000 条记录的 JSON 数组，我需要构建一个表格来显示这些记录中的数据。由于它有大量数据，处理可能会导致浏览器冻结。所以我被要求显示一个进度条指示进度。Javascript 是单线程的，我必须使用 Setinterval 来显示进度。但是在 IE 版本中进度显示不正确，具体取决于数组中的记录数。请帮忙

在此处输入代码

目前：

1. 点击“开始下载”按钮
2. 显示“文件下载”框
3. 下载开始
4. 进度指示器开始并运行到 100%
5. 方框表示“完成”

我未能成功修改代码以执行以下操作：

1. 点击“开始下载”按钮
2. 显示“文件下载”框
3. 文件 1 下载开始
4. 进度指示器显示“文件 1 正在下载”，然后开始并运行到 100%
5. 文件 2 下载开始
6. 进度指示器显示“文件 2 正在下载”，然后开始并运行到 100%
7. 文件 3 下载开始
8. 进度指示器显示“文件 3 正在下载”，然后开始并运行到 100%
9. 方框表示“完成”

我使用的代码位于以下 URL：https ://jqueryui.com/progressbar/#download

});

我已经编写了这段代码来在表格的每一行的 td 上制作进度条。当我为 1 行执行此操作时，它工作得很好，但是在我的 Db 中添加了多行之后，这些值就变得不准确了。即使值为pval100，它也会填充进度条的 1/4。

我遇到了回答这个问题的帖子。但我不知道如何在我的程序中实现。我的要求如下。

从一个jsp页面我使用ajax调用调用一个servlet：

servlet 执行是一个意图过程，需要一些时间。所以我需要向用户显示有关 servlet 执行状态的进度条。更具体地说，我需要它。

基本上我需要更新状态栏以在 servlet 中打印值。这种方法是否可行，我该怎么做。提前致谢

我有一个像这样的圆形条：JsFiddle，我想添加一个像这样的限制条：圆形条

但我想要一个可以改变的限制栏，其值类似于 :"bar.animate(value);"用于蓝色栏。

我怎样才能继续做这个？

提前致谢

我正在使用https://github.com/yxfanxiao/jQuery-plugin-progressbar绘制动画饼图，具体代码如下：

JS：

CSS：

HTML：

输出如下：

我需要做的是增加饼图的大小（宽度和高度）。仅更改宽度和高度值不起作用，其他值似乎也需要相应更改，但仍无法正确显示图形。

它们现在是 100X100，如何使它们变成 200X200？任何帮助，将不胜感激！

谢谢！

我们使用带有进度条的多步骤表单。出于某种原因，在第一次单击按钮后，进度条不会将 class="active" 添加到第 2 步，而是直接跳到第 5 步。

你能看到我的错误吗？

使用的页面：https ://quiz.purevisionmethod.com/app/blurry-vision/

谢谢你的帮助！