模板:进度条/文档

> 说明 > 模板:进度条/文档

短•刷•阅•编•历

展示一个进度条

使用方法

调用参数

{{进度条|<百分比>|<样式>|…|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%