我正在尝试找到一个透明背景的动画进度条。我更喜欢使用JQuery，Javascript和/或CSS来实现它。这可能吗？我想要这样的事情：http://www.fcm.travel/progress_bar.gif有没有人遇到过这样的事情？
我在这里看到的其他问题显示静态条形图，没有像动画那样的动画。
答案 0 :(得分：1)
你可以用CSS做任何透明的事情。以下使75％不透明度（25％透明）
style="opacity: .75; filter: alpha(opacity=75)"
（额外过滤规则适用于IE）
修改：如果您关心它在旧版浏览器上尽可能频繁地工作，您可以添加旧的-webkit-和-moz-规则
style="opacity: .75; filter: alpha(opacity=75); -moz-opacity: .75; -webkit-opacity: .75"
如果浏览器不支持不透明度设置，它会自动默认返回100％不透明度，根本不透明或半透明
答案 1 :(得分：0)
我不确定你的意思是透明的，但是jquery ui有一个进度条：http://jqueryui.com/demos/progressbar/#animated
答案 2 :(得分：0)
从技术上讲，动画PNG对此非常简洁。然而，上次我检查时对它的支持并不是那么广泛。
所以你可以做的，看到你对JavaScript解决方案开放，就是创建一个基于24位PNG的spritemap图像，因此它具有很好的透明度，包含动画的每个状态。然后使用JavaScript和足够好的计时器/间隔，只需更改图像的背景位置，使其看起来像是显示实时动画。
答案 3 :(得分：0)
我刚刚做了一些你会感兴趣的东西，看看这个progress bar