使Css3转换在页面加载时工作

可能重复：

我想在页面加载上设置进度条的动画，从0%到60%。请在下面找到我的小提琴。我尝试了css转换属性，但未能实现

我已经使用Jquery实现了它。请在下面找到小提琴。

我想知道是否可以只使用CSS3解决方案？ 如果没有CSS3动画，页面加载时是否可能？有人能清楚地解释为什么CSS强制等待页面中的事件，比如说鼠标悬停或点击动画，而不是让它在页面加载时工作吗

---

感谢您没有JavaScript或jQuery，这是不可能的。

您可以使用CSS3动画来完成，但请小心，它们没有得到广泛支持

动画：宽度；
@关键帧宽度{
从{宽度：0%；}
到{宽度：60%；}
}​

转换是基于事件的，这意味着在页面加载后，它在没有任何JS的情况下无法工作。您需要像

：悬停

或其他东西这样的东西才能使它工作。我建议在这种情况下使用JS。也许其他人可以帮我确认一下。谢谢你。事实上，我想按照我在页面加载上的要求实现它，而不需要悬停。完全使用Javascript怎么样？因为你想把它作为后备，你也可以在每一个浏览器上使用它。请让我知道我们只能使用CSS3来实现这一点，谢谢你让我知道。Bram VanroyOk我会等待别人的意见，如果没有，我会同意你的回答。谢谢汉克斯minitech正是我想要的：）