如何使用我的徽标制作进度条

Question

我想为我的网站设置一个加载栏，以便在页面打开后立即加载数据。问题是我不知道如何更改加载栏。我在PNG中有一个Logo，希望在内容加载时将其颜色从一个更改为另一个。有很多进度条，但是有一个图像而不是。以下是简单栏的示例：http://jqueryui.com/progressbar/#label

你知道怎么做吗？

Answer 1

查看Progressbar API documentation：

部分文档解释了Progressbar Widget的主要类名，可以通过CSS主题：

  

  

• ui-progressbar：进度条的外部容器。此元素还将具有一类ui-progressbar-indeterminate for indeterminate progressbars。

  

• ui-progressbar-value：表示进度条填充部分的元素。

  

• ui-progressbar-overlay：用于显示不确定进度条动画的叠加层。

  

首先将您自己的徽标/图像添加到要扩展其中一个类别的栏中。

例如，要使进度条的填充部分具有背景图像定义：

.ui-progressbar-value {
    background: url(http://i62.tinypic.com/2uy4mjs.png);
}

您可以在以下链接中看到我的示例：

http://jsfiddle.net/qCCzE/2/