diff --git a/src/components/game/Hud.vue b/src/components/game/Hud.vue
index 01bb614..4267b3e 100644
--- a/src/components/game/Hud.vue
+++ b/src/components/game/Hud.vue
@@ -11,11 +11,11 @@
         </div>
         <div class="bar">
           <label for="hp">HP</label>
-          <progress id="hp" value="21" max="100">21%</progress>
+          <progress id="hp" :value="socket.getCharacter.hitpoints" max="100">{{ socket.getCharacter.hitpoints }}%</progress>
         </div>
         <div class="bar">
           <label for="mp">MP</label>
-          <progress id="mp" value="69" max="100">69%</progress>
+          <progress id="mp" :value="socket.getCharacter.mana" max="100">{{ socket.getCharacter.mana }}%</progress>
         </div>
       </div>
     </div>