在微信小程序中如何模拟进度条满格

时间:2024-10-13 03:31:17

1、首选打开微信开发者工具。

在微信小程序中如何模拟进度条满格

2、然后打开wxml文件。

在微信小程序中如何模拟进度条满格

3、新建一个progress标签并设置percent属性的值从js中获取,从js中的percent变量中获得。

在微信小程序中如何模拟进度条满格

4、打开js文件。

在微信小程序中如何模拟进度条满格

5、设置percent的初始值为0。

在微信小程序中如何模拟进度条满格

6、然后让这个进度条每隔0.1秒就加10,到达100就停止。

在微信小程序中如何模拟进度条满格

7、打开模拟器,预览进度条从0到100的效果。

在微信小程序中如何模拟进度条满格
© 手抄报圈