javascript - jQuery 和 Twitter Bootstrap 进度条

标签 javascript jquery html css twitter-bootstrap

<分区>

我有这个代码:

<div class="progress">
    <div class="bar" style="width: 0%;"></div>
</div>

我该怎么办,所以当我点击网站某处的按钮时,宽度会在特定时间内从 0 变为 100,并给出加载进度条的效果?

谢谢。

最佳答案

如前所述,jQuery animate 可以做到这一点。更改持续时间以适应您想要的时间

$('.bar').animate({ width: "100%" },2000);

关于javascript - jQuery 和 Twitter Bootstrap 进度条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17287647/

相关文章:

javascript - 如何使用 "if else if"语句更改此 <img> 标记的源?

javascript - 如何使用 async.each 获取子函数内部的父函数 This

javascript - 从字符串创建 dom 元素时添加多个类

php - 如何将选定的选项值作为文本字段的名称属性传递?

javascript - Webpack 2 开发工具不工作

javascript - 使用 JMESPath 从 JSON 对象中提取嵌套元素值

javascript - .css 函数的回调

jquery - 单击和按键时触发相同的功能

javascript - 如何使用javascript获取手机的宽度

javascript - 打印出随后突出显示的文本,一次打印一个字符,每个字符显示之间有 10 毫秒的延迟