社区文档构建进行中,欢迎编辑。社区答疑群(非官方):717421103,点点小课堂(腾讯会议):5696651544

全站通知:

模板:进度条/文档

来自WIKI实验室WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

展示一个进度条

使用方法

调用参数

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

必填

  • 百分比:0%至100%(如:35%

选填

  • 样式:successsuccess stripedinfoinfo stripedwarningwarning stripeddangerdanger 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%