通过特定值jquery连续增加宽度值

时间:2014-07-12 20:29:51

标签: jquery html css progress-bar

我有这个非常简单的进度条,我想"移动"每次运行我的功能。

<table>
<tr>
  <td width=2000 style="padding:none">
    <hr class="progbar" style="background-color:#c00;height:20px; border:none; margin:0;" align="center" width=2% /></td>   
</tr>
</table>

如果我这样做:

$(".progbar").css("width", "30%");

将条形推到30%宽度一次。我想要的是每次运行我的功能(基本按键功能)时它会连续增加。

我试过这个来设置变量&#34; l&#34;并在每次运行时增加它,然后将上述内容重写为:

$(".progbar").css("width", "l");

但这不起作用。

如何逐步增加基本进度条的宽度,例如10%?

1 个答案:

答案 0 :(得分:1)

只需将$(".progbar").css("width", "l");更改为以下内容:

$(".progbar").css("width", l);

您的变量不应包含在引号之间。

请参阅我制作的jsfiddle:http://jsfiddle.net/fJZ32/