--- a/player/css/styles.css	Mon Jun 10 18:56:54 2013 +0200
+++ b/player/css/styles.css	Tue Jun 11 12:03:10 2013 +0200
@@ -598,14 +598,14 @@
 /* Bottom bar */
 
 .bottom-bar {
-    position: absolute; bottom: 0; left: 0; right: 0; height: 81px;
+    position: absolute; bottom: 0; left: 0; right: 0; height: 80px;
 }
 
 .play-button {
     float: left; width: 14px; height: 14px;
     padding: 8px; border-radius: 15px;
     background: #404040; cursor: pointer;
-    margin: 15px 0 0 15px;
+    margin: 12px 0 0 15px;
     -webkit-transition: background 0.5s;
     transition: background 0.5s;
 }
@@ -628,7 +628,7 @@
 }
 
 .timeline {
-    background: #303030; height: 12px; position: relative; cursor: pointer;
+    background: #303030; height: 10px; position: relative; cursor: pointer;
 }
 
 .annotation-onscreen .timeline {

--- a/player/js/player.js	Mon Jun 10 18:56:54 2013 +0200
+++ b/player/js/player.js	Tue Jun 11 12:03:10 2013 +0200
@@ -30,7 +30,7 @@
     );
     
     myMedia.on("timeupdate", function(t) {
-        var pos = $(".chapters-bar").width() * t / myMedia.duration;
+        var pos = (100 * t / myMedia.duration) + "%";
         $(".progress-indicator").css("left",pos);
         $(".elapsed").css("width", pos);
     });