官方
https://github.com/CodeByZach/pace
Butterfly引入弹球
Butterfly 3.4.0
1
2
3
4
5
| inject:
head:
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CodeByZach/pace/themes/pink/pace-theme-bounce.css">
bottom:
- <script defer src="https://rmt.dogedoge.com/fetch/~/source/jsdelivr/gh/CodeByZach/pace/pace.min.js"></script>
|
Butterfly引入加载转圈动画
官方css：https://cdn.jsdelivr.net/gh/CodeByZach/pace@1.2.3/themes/pink/pace-theme-flash.css
魔改css：https://cdn.jsdelivr.net/gh/xingjiahui/modify@2.0.0/pace/themes/pink/pace-theme-flash.css
1
2
3
4
5
| inject:
head:
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/xingjiahui/modify@2.0.0/pace/themes/pink/pace-theme-flash.css">
bottom:
- <script defer src="https://rmt.dogedoge.com/fetch/~/source/jsdelivr/gh/CodeByZach/pace/pace.min.js"></script>
|
Butterfly引入百分比
1
2
3
4
5
| inject:
head:
- <link rel="stylesheet" href="https://rmt.dogedoge.com/fetch/~/source/jsdelivr/gh/CodeByZach/pace/themes/silver/pace-theme-big-counter.css">
bottom:
- <script defer src="https://rmt.dogedoge.com/fetch/~/source/jsdelivr/gh/CodeByZach/pace/pace.min.js"></script>
|
其他主题引入进度条
js必须引入，css任选其一
js
https://cdn.jsdelivr.net/gh/CodeByZach/pace/pace.min.js
弹球的css
1
| https://cdn.jsdelivr.net/gh/CodeByZach/pace/themes/pink/pace-theme-bounce.css
|
其他进度条css
这里找https://cdn.jsdelivr.net/gh/CodeByZach/pace/themes