Question

我有这个非常简单的进度条，我想＆＃34;移动＆＃34;每次运行我的功能。

<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％？

Answer 1

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

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

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

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

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

1 个答案: