使用Javascript以特定百分比

Question

让我们说我有一个像这样的简单线性CSS动画

@keyframes move {
    0% {top: 0;}
    100% {top: -10000px;} 
}

无限循环，并使用10个步骤：

.move {
    animation: move 1s steps(10, end) infinite;
    animation-play-state: running;
}

它有第二个动画，可以让它持续60秒

.sixty_seconds {animation-duration: 60s;}

如何在迭代过程中使用javascript启动动画？有没有办法通过迭代以特定百分比开始特定动画？我需要这个起始点是可编程的，因为它可以一次开始30％，或者下一次开始时为77.32％。

我确定答案是在我的鼻子底下，但我似乎无法找到任何能够从特定点开始使用这些现有动画的东西。

非常感谢。