diff --git a/NUXT/components/Player/index.vue b/NUXT/components/Player/index.vue
index 0fd08be..2ba08fb 100644
--- a/NUXT/components/Player/index.vue
+++ b/NUXT/components/Player/index.vue
@@ -254,12 +254,12 @@
     </div>
     <progressbar
       v-if="$refs.player"
-      :video="$refs.player"
-      :seeking="seeking"
-      :controls="controls"
-      :fullscreen="isFullscreen"
       :current-time="$refs.player.currentTime"
+      :duration="$refs.player.duration"
+      :fullscreen="isFullscreen"
+      :controls="controls"
       :buffered="buffered"
+      :seeking="seeking"
     />
     <seekbar
       v-if="$refs.player"
diff --git a/NUXT/components/Player/progressbar.vue b/NUXT/components/Player/progressbar.vue
index 83ad888..15c43b8 100644
--- a/NUXT/components/Player/progressbar.vue
+++ b/NUXT/components/Player/progressbar.vue
@@ -9,7 +9,7 @@
     background-opacity="0.5"
     background-color="white"
     :buffer-value="buffered"
-    :value="(currentTime / video.duration) * 100"
+    :value="(currentTime / duration) * 100"
     :class="!fullscreen || controls ? '' : 'invisible'"
     color="primary"
     :height="seeking ? 4 : 2"
@@ -23,7 +23,7 @@
 <script>
 export default {
   props: {
-    video: {
+    duration: {
       type: Object,
       required: true,
     },