fix delay on progress

Kry9toN · Jan 25, 2021 · b30c508 · b30c508
1 parent 6505191
commit b30c508
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/views/css/style.css b/views/css/style.css
@@ -41,13 +41,13 @@ label {
 .innerBar-ram,
 .innerBar-cpu {
    background: linear-gradient(to right, #3fffa2 0%, #ffdb3a 50%, #e5405e 100%);
-   height: 24px;
+   height: 20px;
    width: 0%;
 }
 .outerContainer-ram,
 .outerContainer-cpu {
-   width: 400px;
-   height: 24px;
+   width: 250px;
+   height: 20px;
    border-radius: 5px;
    overflow: hidden;
    background: lightgray;

diff --git a/views/js/main.js b/views/js/main.js
@@ -20,11 +20,11 @@ socket.on('ram-usage', ({ ram, cpu, username, osInfo, chat, uptime }) => {
     // Set ram label
     labelRam.innerHTML = `<span>RAM ${ram} % </span>`;
     // Set Ram bar
-    $('.innerBar-ram').animate({ width: `${ram}%` }, 2000);
+    $('.innerBar-ram').animate({ width: `${ram}%` }, 500);
     // Set cpu label
     labelCpu.innerHTML = `<span>CPU ${cpu} % </span>`;
     // Set cpu bar
-    $('.innerBar-cpu').animate({ width: `${cpu}%` }, 2000);
+    $('.innerBar-cpu').animate({ width: `${cpu}%` }, 500);
     // Check
     if (cpu > 90) {
         notify(cpu)