javascript - 透明背景进度条?

标签 javascript jquery css

我正在尝试寻找具有透明背景的动画进度条。我更愿意使用 JQuery、Javascript 和/或 CSS 来实现它。这可能吗?我想要类似这样的东西:http://www.fcm.travel/progress_bar.gif有没有人遇到过这样的事情?

我在这里看到的其他问题显示静态栏,没有像示例那样的动画。

最佳答案

您可以使用 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% 不透明,即完全不透明或半透明

关于javascript - 透明背景进度条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5318458/

相关文章:

jquery - 数据表使用 rowcallback 更改行颜色

jquery - 如何判断图像是否已加载或缓存在 JQuery 中?

css - 元素的边框颜色是否受其背景颜色影响?

javascript - 捆绑脚本中的 $(document).ready()

javascript - Cordova 在后台运行 JavaScript 函数

css - 如何创建一个只有 1px 高度和其中图像的分区。没有任何边距和填充

javascript - Chrome - 复制/粘贴 - 粘贴到 Word 时保持样式

javascript - 如何将数字过滤器添加到 Angular 6 中的 Algolia ais-instantsearch 组件

JavaScript 按 2 个值对数组进行排序

javascript - 检查多个变量的值以确保它们都匹配