JQUERY电池表

Question

我正在寻找一个简单的基于jquery或javascript的电池表，它只需要输入1-100并显示它。最终，它将与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 + "%");
});