历史记录页添加观看视频的进度

src/components/card/HistoryVideoCard.vue

@@ -23,6 +23,7 @@
             <span style="position: absolute; bottom: 0; right: 0; color:white"> {{ video.duration }} </span>
           </div>
         </router-link>
+        <el-progress :percentage="setItemProgress(video)"/>
         <div style="padding: 14px">
           <router-link target="_blank" :to="`/video/${video.videoId}`">
             <span style="left: 0;margin-bottom: 0px;color: black;">{{ video.title | ellipsis }}</span>
@@ -93,6 +94,10 @@ export default {
         day = '0' + day
       }
       return month + '-' + day
+    },
+    setItemProgress(video) {
+      const progress = Math.floor(video.currentTime / video.duration * 100)
+      return progress
     }
   }
 }