前言
实现效果
点击按钮，按钮出现大小缩放
点击按钮，开始读取进度条
读取过程中，点击按钮无法再次点击
读取过程中，模拟当前读取进度百分比
准备工作
Step one.
先来看看我们所需要的元件都有哪些：
Step two.
我们来演示一个环形的绘制方法，相信学会一个，其他几个也就可以自行了解了。
Step three.
我们将元件如以下序列排序，摆放在一起，如图：
交互步骤
Step one.
添加一个全局变量Percent，默认值为零。
Step two.
为开始btn设置交互：
Step three.
我们在上边的交互里面设置了百分比显示框，那么，此时数据就是0 %，如何让百分比随着进度条的加载而变化呢？这时候就需要另一段交互了。
我们选中百分比显示框，设置文字改变时，判断全局变量Percent的值是否大于100，如果不是，就让全局变量的值加1，等待一定的时间后，设置百分比显示框的文本为[[percent]] %，此时，百分比显示框的文本再次变化，于是又进入判断流程，这样便形成了一个闭环，知道百分比为100的时候，停止循环。交互部分如图所示：
总结
关注作者公众号，一起向梦想出发
缺口圆形是怎么来的呢