javascript - Twitter Bootstrap 样式 = "width: 45%;"

Question

在使用 Twitter Bootstrap 的进度条时，我想设置一个发送到样式宽度参数的变化变量:

<div class="progress progress-striped">
  <div class="bar" style="width: 20%;"></div>
</div>

我希望能够在从数据库文件中获取百分比数字后更改宽度。

例如，如果从数据库中检索到的数字是 80，那么我会将 80 合并到样式的百分比部分:

style="宽度: 80%;"

我已经尝试在 HTML 中使用 Javascript 中的变量，但我没有取得太大进展。

感谢您的帮助，

汤米

Answer 1

希望这个答案对您有所帮助，我想解释执行您想要的任务的 JavaScript 和 jQuery 方法。

jQuery 方法:

$(document).ready(function() {
    var progWidth = /* The way you'd access the database file to obtain the percent. */
    $('.progress-striped > .bar').width(progWidth + "%");
});

纯 JavaScript 方法:

document.onload = function() {
    var progWidth = /* The way you'd access the datbase file to obtain the percent. */
    $('.progress-striped > .bar').width(progWidth + "%");
}