javascript - JQUERY 电池电量计

Question

我正在寻找一个简单的基于 jquery 或 javascript 的电池表，它只会接收 1-100 的 var 并显示它。最终，这将连接到 Raspberry Pi 以监控其电池寿命。

Answer 1

Bootstrap 进度条在这里可以很好地工作。

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