diff --git a/index.html b/index.html
index 8ca9b81..1cd1f29 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
         <link rel="stylesheet" href="css/main.css">
         <script src="main.js"></script>
         <link rel="stylesheet" href="css/panel.css">
-        <script src="js/panel.js" ></script>
+        <script src="js/panel.js" defer></script>
         <link rel="stylesheet" href="css/Font.css">
         <script src="js/window.js"></script>
         <link rel="stylesheet" href="css/window.css">
@@ -39,7 +39,7 @@
             <div class="panel-status" onclick="showStatusAbout();">
                 <img class="panel-status-icon" draggable="false" src="icons/Suru/Suru/scalable/status/network-wireless-connected-symbolic.svg"/>
                 <img class="panel-status-icon" draggable="false" src="icons/Suru/Suru/scalable/status/audio-volume-high-symbolic.svg"/>
-                <img class="panel-status-icon" draggable="false" src="icons/Suru/Suru/scalable/status/battery-level-100-charging-symbolic.svg"/>
+                <img class="panel-status-icon" draggable="false" id="battery" src="icons/Suru/Suru/scalable/status/battery-level-100-charging-symbolic.svg"/>
             </div>
             <iframe class="status-about" src="status.html" hidden></iframe>
             <iframe class="notification-about" src="notification.html" hidden></iframe>
diff --git a/js/panel.js b/js/panel.js
index cea3313..9eb950e 100644
--- a/js/panel.js
+++ b/js/panel.js
@@ -1,4 +1,22 @@
-monthShortNames=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]
+monthShortNames=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
+if(navigator.getBattery!=undefined){
+    batteryIcon=document.querySelector("#battery");
+    (async ()=>{
+        deviceBattery=await navigator.getBattery();
+
+        updateBatteryIcon=()=>{
+            if(deviceBattery.charging){
+                batteryIcon.src="icons/Suru/Suru/scalable/status/battery-level-"+(Math.round(deviceBattery.level*10)*10)+"-charging-symbolic.svg";
+            } else {
+                batteryIcon.src="icons/Suru/Suru/scalable/status/battery-level-"+(Math.round(deviceBattery.level*10)*10)+"-symbolic.svg";
+            }
+        }
+        updateBatteryIcon();
+        
+        deviceBattery.addEventListener("chargingchange",updateBatteryIcon);
+        deviceBattery.addEventListener("levelchange",updateBatteryIcon);
+    })();
+}
 
 function UpdatePanelTime(){
     now = new Date();