动态调整图像上的填充？

Question

我基本上尝试做的是根据应用提供的玩家位置数据动态更改滑块图像的填充值。我已经能够利用提供的数字动态增加进度叠加图像的宽度并创建一个进度条，但我想在进度条的前沿有一个擦洗钻石。

为此，我将擦洗钻石定位在与进度叠加相同的起始点，并希望以与进度叠加宽度增加相同的速率增加钻石上的填充，使它们能够加速在歌曲播放时，擦洗器钻石相互移动。

非常感谢任何有关动态填充左边所需的脚本的帮助。

var progress = Ecoute.playerPosition();
var width = 142.5 / length * progress + 1.63;

EcouteSel('Progression').width = width.toString();
EcouteSel('Scrubber').style('padding-left', 'width'); 

我们将进度定义为玩家位置，宽度作为进度的函数，然后将该函数应用于应用于覆盖图像的进度的ID。但是如何实现padding-left呢？

style.paddingLeft 

...基于功能彻底破坏了控制器。我很茫然，任何帮助都会受到赞赏。

Answer 1

EcouteSel('Scrubber').style.paddingLeft = width + "px";

假设width是一个整数（或表示整数的字符串）。