进度栏CSS问题与MediaElements.js

Question

我为 MediaElements.js 设计了自己的样式，并且一切正常，但进度条却没问题。

我想将进度显示为实心背景，但无法使其向左对齐。无论我尝试应用哪种样式，结果都显示进度条居中：

这发生在time-current和time-loaded元素上。在播放/暂停按钮之后，它们都应向左对齐。在内部，它是由transform: scaleX()完成的，这似乎与问题有关。

这里是jsfiddle。