如何设置添加有百分比进度的进度条原型图(新)

2024-10-13 21:18:07

1、首先我们需要创建一个新的工作区,用于创建我们的自定义的进度条

如何设置添加有百分比进度的进度条原型图(新)

3、然后设置进度元件的位置以及宽度,原则是将进度的元件覆盖到背景的上面,然后设置进度的宽度以及颜色

如何设置添加有百分比进度的进度条原型图(新)

5、然后进行交互的设置操作,设置进度元件的交互状态,点击进度元件,在载入时的用例里面设置具体的参照下图操作

如何设置添加有百分比进度的进度条原型图(新)

7、设置的函数为[[Math.floor(LVAR1.width/LVAR2.width*100)]]%,百分比的设置函数,就是设置的进度的宽度和背景的宽度的比

如何设置添加有百分比进度的进度条原型图(新)
猜你喜欢