2014-03-07 111 views
-1

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

Here你可以检查它是如何工作的。我需要帮助,我仍然是初学者,我会感谢任何帮助!

回答

0

首先,您将在加载完成后启用按钮。所以动画之前添加和当动画结束时将它设置为true

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

的你会想,每一次动画开始吧应为邮件+颜色

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

小提琴复位:http://jsfiddle.net/4prjz/4/

+0

谢谢工程:) – user3144234

+0

你能告诉我,我怎样才能使,当它第二次加载它改变成#message别的,从连接到成功! – user3144234

+0

@ user3144234你可以尝试一个计数器我猜... http://jsfiddle.net/4prjz/12/ – Spokey

-1

进度条在完成时保持100%,然后当用户再次单击连接按钮时再次从零开始。

0

试试这个代码,我已经对你的代码做了简单的修改,尽管它并不是解决问题的最好方法,但暂时还是有效的。

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

终于

Harloge = function(width){ 

点击这里查看Modified code

+0

谢谢你的时间,我会检查确定! – user3144234