【CSS问题】动态设置长度，有小数的问题。

Question

图中的页面结构是这样的：蓝色的是SVG,中间的白色分割线是table中td的右边框

如上图所示，有个模型可以分步播放，具体有多少步是后面才知道。进度条固定长度（例width=700）,若后面得到有51步，则每步长度应该是13.72px，td的长度也设置成13.72px;

问题是：在后面分步走的时候，获取到td的长度自动四舍五入了。导致中途有超出，如下：

而且步数越多误差越大。

请教各位大神老师们，有什么好的想法吗，谢谢您的关注和指教

Answer 1

已经找到解决方法了，用的是iview的Slider组件，完美解决。
https://www.iviewui.com/compo...

Answer 2

这个可以使用百分比来设置宽度,给你一个demo让你看看效果。

Answer 3

考虑每一次计算的时候计算 总长度 * （ 当前步数 / 总步数 ） 这样的话误差就不会因为步数变大，只是因为每一次计算的四舍五入