2013-08-16 198 views
-3

我正在尋找一個簡單的jQuery或基於JavaScript的電池電量計,它將簡單地採取1-100變量並顯示它。最終,這將被掛在樹莓派上,以監視它的電池壽命。JQUERY電池電量計

+1

http://jqueryui.com/progressbar/用css來使它看起來像一個電池? –

+0

這應該這樣做。 http://jsfiddle.net/ffWYb/1/ –

+1

*「有問題要求我們推薦或找到工具,圖書館或最喜歡的非現場資源,因爲它們傾向於吸引自以爲是的答案和垃圾郵件,因此無法用於堆棧溢出。 ,**描述問題以及迄今爲止解決問題的方法**「* –

回答

2

A Bootstrap Progress Bar在這裏工作得很好。

<div class="progress" id="battery"> 
    <!-- initial battery life --> 
    <div class="bar" style="width: 60%;"></div> 
</div> 

腳本

var battery = // define battery in your script 
battery.on("update", function() { 
    $("#battery .bar").css("width", battery.life + "%"); 
});