Twitter Bootstrap Style =「width：45％;」

Question

在使用來自Twitter的引導進度欄，我想設置一個不斷變化的變量被送到風格寬度參數：

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

我希望能夠從獲得的百分比數後更改寬度一個數據庫文件。

例如，如果從數據庫中檢索數量爲80我然後摻入80到樣式的百分比部分：

風格=「寬度：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 + "%"); 
} 

Answer 2

把百分比的VAR和JavaScript或jQuery的使用它。我將使用jQuery：

$(document).ready(function() { 
    var theWidth = // Wherever you get the var; 
    $(".progress-striped > .bar").width(theWidth + "%"); 
}); 

要詳細說明「您的var」部分，我們需要知道您是如何獲取數據庫信息的。