模板:进度条

> 模板 > 模板:进度条

短•刷•阅•编•历

模板信息

类型

模板

版本

稳定

描述

展示一个进度条

作者

马小萌

来源

tools

依赖

系列

更新

2024-06-13

示例

本页

快速安装/更新

从来源站点安装

快速安装说明

模板：[刷新此页面] [编辑] [页面历史]
文档：[查看] [编辑] [页面历史]

说明文档

展示一个进度条

使用方法

调用参数

{{进度条|<百分比>|<样式>|…|style=<自定义样式>|animation=<animation>}}

必填

• 百分比：0%至100%（如：35%）

选填

• 样式：success、success striped、info、info striped、warning、warning striped、danger、danger striped（不填时默认蓝色）
• 自定义样式：自定义css
• animation：动态效果

注意

• 多段百分比累加不应超过100%

示例1

你所写的

{{进度条|50%}}
{{进度条|23.3%|info}}
{{进度条|88%|warning striped}}
{{进度条|50%|style=background:#f9f;color:#939;border:1px solid #f13;border-radius:10px;}}
{{进度条|66%|info striped|animation=1}}

显示内容

50%

23.3%

88%

50%

66%

示例2

你所写的

{{进度条|35%|success|45%|info striped|19%||1%|danger striped}}
{{进度条|22%|success|33%||44%|success|1%|}}

显示内容

35%

45%

19%

1%

22%

33%

44%

1%

---

所有模板列表