javascript - JQUERY バッテリー メーター

Question

1〜100のvarを単純に取り込んで表示する単純なjqueryまたはjavascriptベースのバッテリーメーターを探しています。最終的には、これを Raspberry Pi に接続して、バッテリーの寿命を監視します。

Answer 1

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 + "%");
});