Question

我有一个我创建的自定义图库插件，我想在加载之前添加进度条或进度gif代替所有图像。

我知道我可能会使用jQueryUI进度条，但我不想使用jQueryUI主题，而且我不知道如何将其添加到当前正在加载的图像中。

我的另外两个选项是，创建我自己的进度条，或使用GIF动画。目前我倾向于使用gif，因为它更容易添加，我不必主题化。

然而，如果添加到图像相对简单，那么获得进度条会非常酷。有没有人有一个例子，说明如何在图像加载时为图像添加jQuery进度条或其他一些进度条？

Answer 1

img {
    background: transparent url(http://i.stack.imgur.com/4PBC8.gif) no-repeat scroll center;
}

不确定的进度指标在网络应用程序（文件上传者之外）上使用得更为广泛。您如何衡量完成的百分比？我不知道有什么方法。

非不确定进度指示器的另一个问题（例如：进度条）：即使您可以确定将工作划分为块的方法，也基本上无法保证每个块将花费相同的时间。你有多少次因为前5％的进度条而感到生气，然后立即跳到100％？

我不喜欢说“这是不可能的”，因为那是绝对的，当下一个答案显示我错了时，我肯定看起来像个傻瓜。怎么样我还没找到办法？