Foundation 进度条1

简介: Foundation 进度条用于展示程序处理进度。通过在 `<div>` 元素中添加 `.progress` 类,并在子元素 `<span>` 中使用 `.meter` 类和 `style="width:xx%"` 来设置进度百分比。进度条默认为蓝色,可使用 `.secondary`、`.success` 和 `.alert` 类更改颜色。

Foundation 进度条
Foundation 进度条可以作为程序处理的程度来显示:

我们可以在

元素中使用 .progress 类来创建进度条, .meter 类用于子元素()。我们可以在 元素中设置进度百分比,如下所示:

实例




尝试一下 »
进度条颜色
默认情况下,进度条颜色为蓝色。不同颜色的类为:.secondary, .success, 或 .alert:

实例








相关文章
|
存储 缓存 Cloud Native
[Snowflake核心技术解读系列二]云原生技术
Snowflake取得了巨大的商业成功,技术是如何支撑起它的千亿美元市值呢?它技术强在哪?本文为大家倾情解读Snowflake的核心技术原理。
[Snowflake核心技术解读系列二]云原生技术
|
11月前
|
消息中间件 存储 分布式计算
分布式系统的演进过程
【10月更文挑战第24天】总的来说,分布式系统的演进是一个不断适应变化、解决问题和创新发展的过程。从早期的萌芽到如今的多元化发展,它见证了技术的进步和应用场景的拓展。在未来,分布式系统将继续在各个领域发挥重要作用,推动着数字化世界的不断前行。
|
11月前
|
人工智能 监控 安全
网络监控软件
【10月更文挑战第17天】
299 68
|
安全 Android开发
游戏封包,你会了吗?
游戏封包,你会了吗?
1047 1
游戏封包,你会了吗?
|
运维 Kubernetes Cloud Native
OAM 深入解读:OAM 为云原生应用带来哪些价值?
OAM 是阿里巴巴联合微软在社区推出的一款用于构建和交付云原生应用的标准规范,旨在通过全新的应用定义、运维、分发与交付模型,推动应用管理技术向“轻运维”的方向迈进,全力开启下一代云原生 DevOps 的技术革命。
OAM 深入解读:OAM 为云原生应用带来哪些价值?
|
前端开发 JavaScript 程序员
avue中怎样隐藏新增和编辑的按钮
avue中怎样隐藏新增和编辑的按钮
714 0
avue中怎样隐藏新增和编辑的按钮
阿里云注册域名创建信息模板流程及审核时间说明
阿里云注册域名所有者没有信息模板,新创建的信息模板已经提交,审核需要多长时间?着急
507 0
阿里云注册域名创建信息模板流程及审核时间说明
|
安全 Cloud Native Go
共建Landing Zone,神州数码亮相2022云栖大会
本场云栖大会论坛上,凭借着在Landing Zone项目上的合作共建、服务落地多个客户案例,神州数码荣获阿里云“Landing Zone生态合作伙伴授牌认证”。双方未来将携手共进,共同构建繁荣生态,帮助更多客户上好云、管好云。
共建Landing Zone,神州数码亮相2022云栖大会
|
存储 运维 NoSQL
阿里云内存数据库Tair新一代集群无感数据迁移
本文将阐述社区开源版本集群数据迁移的技术,阿里云Tair for Redis集群早期对社区迁移数据的增强改进以及演进到新一代基于Slot复制的无感数据迁移原理。
1329 0
阿里云内存数据库Tair新一代集群无感数据迁移
|
PHP 开发工具 数据安全/隐私保护
PHP使用phpmailer及SMTP服务实现邮件发送
第一种是PHP通过qq邮箱或者网易邮箱的SMTP服务器来实现邮件发送。 第二种是使用phpmailer来实现邮件发送。
811 0
PHP使用phpmailer及SMTP服务实现邮件发送