diff --git a/webapp/assets/js/mstream.vue.player.js b/webapp/assets/js/mstream.vue.player.js
index d566733..0e2a0e2 100644
--- a/webapp/assets/js/mstream.vue.player.js
+++ b/webapp/assets/js/mstream.vue.player.js
@@ -12,6 +12,22 @@ const VUEPLAYERCORE = (() => {
       lastVol: 100,
     },
     computed: {
+      currentTime: function() {
+        if (!this.playerStats.duration) { return ''; }
+
+        const minutes = Math.floor(this.playerStats.currentTime / 60);
+        const secondsToCalc = Math.floor(this.playerStats.currentTime % 60) + '';
+        const currentText = minutes + ':' + (secondsToCalc.length < 2 ? '0' + secondsToCalc : secondsToCalc);
+        return currentText;
+      },
+      durationTime: function() {
+        if (!this.playerStats.duration) { return '0:00'; }
+
+        const minutes = Math.floor(this.playerStats.duration / 60);
+        const secondsToCalc = Math.floor(this.playerStats.duration % 60) + '';
+        const currentText = minutes + ':' + (secondsToCalc.length < 2 ? '0' + secondsToCalc : secondsToCalc);
+        return currentText;
+      },
       widthcss: function () {
         if (this.playerStats.duration === 0) {
           return "width:0";
diff --git a/webapp/shared/index.html b/webapp/shared/index.html
index 55083ff..a8195f0 100644
--- a/webapp/shared/index.html
+++ b/webapp/shared/index.html
@@ -115,6 +115,10 @@
       margin-top: 30px;
       padding-top: 11px
     }
+
+    .inline-block {
+      display: inline-block;
+    }
   </style>
 </head>
 
@@ -151,9 +155,13 @@
             <p><b>Year:</b> {{ (meta.year) ? meta.year : '' }}</p>
           </div>
         </div>
-        <div v-on:click.stop="seekTo($event)" id="progressWrapper" ref="progressWrapper">
-          <div class="progress pointer">
-            <div class="determinate" :style="widthcss"></div>
+        <div>
+          <div class="left inline-block">{{currentTime}}</div>
+          <div class="right inline-block">{{durationTime}}</div>
+          <div v-on:click.stop="seekTo($event)" id="progressWrapper" ref="progressWrapper">
+            <div class="progress pointer">
+              <div class="determinate" :style="widthcss"></div>
+            </div>
           </div>
         </div>
       </div>