插入一個變量作爲百分比到CSS使用jQuery

Question

所以我想製作動態圖，所以我需要使用jQuery來定義在CSS的div的寬度。我遇到的唯一問題是寬度需要百分比。任何想法或想法都會很棒。在小提琴內部的div應該是93％，其爲93px

var TotalSites = document.getElementById("ctl00_ContentBody_ctl0_lblTotalSites").innerHTML; 
 
var QuestionnairesSent = document.getElementById("ctl00_ContentBody_ctl0_lblQuestionnairesSent").innerHTML; 
 
var Sent = QuestionnairesSent/TotalSites * 100; 
 

 
$('.inner').css("width", Sent);

.graph { 
 
    display: block; 
 
    width: 200px; 
 
    height: 60px; 
 
    background-color: #666; 
 
    float: left; 
 
} 
 

 
.inner { 
 
    height: 60px; 
 
    background-color: #333; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="graph"> 
 
    <div class="inner"> 
 
    </div> 
 
</div> 
 
<span id="ctl00_ContentBody_ctl0_lblTotalSites">15</span>/
 
<span id="ctl00_ContentBody_ctl0_lblQuestionnairesSent">14</span>

顯示這裏是我的小提琴鏈接https://jsfiddle.net/SCATORY/pzzt390m/1/

Answer 1

$('.inner').css("width", Sent + "%"); 

CSS評估分析一切爲字符串，所以你可以將寬度設置爲93.93px，93％，無論如何。沒有後綴時它只是默認爲px。

Answer 2

只是追加一個 '％' 標誌，以你的CSS這裏

https://jsfiddle.net/pzzt390m/2/

Answer 3

$('.inner').css("width", Sent + '%'); 

的jsfiddle你可以使用$('.inner').width(Sent+'%');