jQuery进度条

Question

所以我正在为我的网站制作进度条。但O只是无法计算如何在100％加载后重置栏。 我需要的是当有人点击连接时，栏应该开始填充自己，当它达到100％时，留在那里，当用户再次点击连接时，它应该从0开始重新开始。

Here您可以查看它的工作原理。我需要帮助我仍然是初学者，我会感谢任何帮助！

Answer 1

首先，您将在加载完成后启用按钮。因此，在动画之前添加动画并在动画结束时将其设置为true

$start.attr('disabled', false);
$stop.attr('disabled', false);

你想要的是每次动画开始时，栏都应该重设消息+ colors

var $bar = $('#bar').width(0).css('background-color', 'yellow');
$message.text('Not Connected').css('color', 'red');

小提琴：http://jsfiddle.net/4prjz/4/

Answer 2

尝试使用此代码，我对您的代码进行了简单的更改，虽然这不是解决问题的最佳方法，但暂时还是有效。

$bar.width(0);
$bar.css('background-color', 'yellow');

最后

Harloge = function(width){

点击此处查看Modified code

Answer 3

进度条在完成时保持100％，然后在用户再次点击连接按钮时再从零开始。