默认的进度条可能风格单一,现在可以制作出跟作品风格一致的加载样式。本教程,将教大家两种进度条的制作方式。
教程开始
# 展示进度条的情况
1. 点击 我的素材-道具 ,新建 进度条 文件夹,导入需要用到的素材(教程里使用的是默认的进度条LOGO,所以并未导入该素材)。
![](https://apppic.3000test.com/s1/work/other/20210329/9a3e46856ad044d8d6b585364a4cff26.png)
2. 点击进度条。
![](https://apppic.3000test.com/s1/work/other/20210329/351a02e2ace2ffb6eb1f443402a089c6.png)
3. 选中进度条。
![](https://apppic.3000test.com/s1/work/other/20210330/9056cce3500148a3025885d170ea9d1d.png)
再分别点击我的素材当中,刚才导入的进度条样式素材。替换默认样式。
![](https://apppic.3000test.com/s1/work/other/20210329/79be6b675173621d245b61e58a60be26.png)
替换好后,样式如下。
![](https://apppic.3000test.com/s1/work/other/20210330/2a9983e411c99ece7be2cb935a205b4f.png)
4. 本教程里隐藏进度条LOGO。
![](https://apppic.3000test.com/s1/work/other/20210330/2104ca1763f90755de15b35705a64e02.png)
大家可以根据进度条样式的实际情况,自行判断是否展示,以及调整进度条LOGO位置。
5. 调整进度百分比位置及字体颜色。
![](https://apppic.3000test.com/s1/work/other/20210330/6b4fd74ef24b7ad9e47f5abdfbcc7260.png)
6. 测试下最终效果。
![](https://apppic.3000test.com/s1/work/other/20210330/5d1fc5639d80e61cbae257e1f2b98fa4.gif)
# 不用进度条,仅展示进度LOGO
1. 选中进度条,点击参数设置:(1)把变化方向居中,(2)变化方式选择遮挡,点击确定。
![](https://apppic.3000test.com/s1/work/other/20210330/82c6e9f7478b0dc38a033b9941417acb.png)
2. 删除底图。
![](https://apppic.3000test.com/s1/work/other/20210330/0a8329c6a1fb114e8e85ddf26be6565c.png)
3. 把进度条LOGO调整到合适的位置,进度百分比调整好位置及字色。如下图所示,我们放在了右下角。
![](https://apppic.3000test.com/s1/work/other/20210330/147d1e59b1b8d9e89f46b71471f614e9.png)
4. 测试下效果
![](https://apppic.3000test.com/s1/work/other/20210330/8ebc254d6eec0257413daaa871d64920.gif)
5. 进度条LOGO也可以换成其他样式。
![](https://apppic.3000test.com/s1/work/other/20210330/f5364babaa0d492589cdf225937629a0.gif)
#制作好后开启自定义进度条
1. 点击设置
![](https://apppic.3000test.com/s1/work/other/20210331/0a0ff14ebdbc8c914fbc09d95e803796.png)
2. 选择自定义,点击确定即可开启。
![](https://apppic.3000test.com/s1/work/other/20210331/7875c7ba35d0abb3ec2a001462382137.png)