Browse Source

test progress bar

ming 3 năm trước cách đây
mục cha
commit
bc0c873751
1 tập tin đã thay đổi với 4 bổ sung0 xóa
  1. 4 0
      progress.html

+ 4 - 0
progress.html

@@ -29,6 +29,7 @@
         </ul>
         <script>
             var client_id = Date.now()
+            
             document.querySelector("#ws-id").textContent = client_id;
             var ws = new WebSocket(`ws://www.choozmo.com:8888/ws/${client_id}`);
             ws.onmessage = function(event) {
@@ -37,6 +38,9 @@
                 var content = document.createTextNode(event.data)
                 message.appendChild(content)
                 messages.appendChild(message)
+                var elem = document.getElementById("myBar");
+                elem.style.width = message + "%";
+                elem.innerHTML = message  + "%";
             };
             function sendMessage(event) {
                 var input = document.getElementById("messageText")