diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index dc1570f8..5048e6db 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -1286,7 +1286,7 @@ update_chat = function (obj) {
       "msg-" + obj._id + "-progress-information"
     ).innerHTML = obj.percent + "% - " + obj.bytesperminute + " Bpm";
 
-    if (obj.percent >= 100) {
+    if (obj.status == "transmitted") {
       //document.getElementById('msg-' + obj._id + '-progress').classList.remove("progress-bar-striped");
       document
         .getElementById("msg-" + obj._id + "-progress")
@@ -1296,9 +1296,14 @@ update_chat = function (obj) {
         .classList.remove("bg-danger");
       document
         .getElementById("msg-" + obj._id + "-progress")
-        .classList.add("bg-primary");
+        .classList.add("bg-success");
 
       document.getElementById("msg-" + obj._id + "-progress").innerHTML = "";
+document.getElementById(
+      "msg-" + obj._id + "-progress-information"
+    ).innerHTML = percent_value + "% - " + obj.bytesperminute + " Bpm";
+
+
     } else {
       document
         .getElementById("msg-" + obj._id + "-progress")
@@ -1319,6 +1324,11 @@ update_chat = function (obj) {
       document
         .getElementById("msg-" + obj._id + "-progress")
         .classList.add("bg-danger");
+
+document.getElementById(
+      "msg-" + obj._id + "-progress-information"
+    ).innerHTML = percent_value + "% - " + obj.bytesperminute + " Bpm";
+
     }
 
     //document.getElementById(id).className = message_class;