我创建了这个滑块和自定义指示器来显示您在哪张幻灯片上，但我无法将指示器与滑块的滚动位置同步。

在下面的示例中，指示器的属性被设置为主滑块已滚动的百分比。但是，它不考虑指示器本身的宽度，所以它跳出了包含指示器的灰色框。

有什么想法我可以修改功能使指示器正确显示吗？在本例中，屏幕上有两张幻灯片，但这需要在1或3张幻灯片的情况下工作（为了测试这一点，将css中的元素宽度改为或）

顺晟科技：

所有这些都归功于@Dragans为任何希望构建类似内容的人附加的注释解决方案: