diff --git a/public/views/transport.ejs b/public/views/transport.ejs
index 08b556f..3b9c713 100644
--- a/public/views/transport.ejs
+++ b/public/views/transport.ejs
@@ -1,11 +1,11 @@
-<% if (status.attr('time')) { %>
-<div class="scrubber">
-  <div class="time elapsed"><%= formatLength(status.attr('time')[0]) %></div>
-  <div class="time total"><%= formatLength(status.attr('time')[1]) %></div>
-  <div class="track">
-    <div class="marker" style="left: <%= (status.attr('time')[0] / status.attr('time')[1]) * 100 %>%"></div>
+<% if (status.attr('state') == 'play' || status.attr('state') == 'pause') { %>
+  <div class="scrubber">
+    <div class="time elapsed"><%= formatLength(status.attr('time')[0]) %></div>
+    <div class="time total">-<%= formatLength(status.attr('time')[1] - status.attr('time')[0]) %></div>
+    <div class="track">
+      <div class="marker" style="left: <%= (status.attr('time')[0] / status.attr('time')[1]) * 100 %>%"></div>
+    </div>
   </div>
-</div>
 <% } %>
 <nav class="controls">
   <button data-command="previous">previous</button>