Javascript jQuery旋钮作为悬停输入/输出上的进度条

我正在尝试实现一个进度条（Aterien的jQuery旋钮），它可以在mouseout上中断进度。我可以在鼠标上方开始进程，但在完成之前我不能中断进程。我想在mouseout上将动画反转回起始点，并在mouseover上再次从零开始继续前进

有什么想法吗？提前感谢,， 丹尼尔

（参见我在评论中的示例）

您可以调用

---

$（'.knob'）.stop（）

，这将停止当前在其上运行的任何动画。在“结束/退出”两种状态下使用.stop（）时效果最好，否则在鼠标快速滑过/退出几次后，它会变得有点不稳定。我在这里更新了你的小提琴：

你是说这样的吗？我不想把它作为一个答案，因为这只是一个类似问题的调整例子：谢谢你的帮助！