【Axure教程】环形进度条（开始暂停效果）

今天教大家制作环形进度条（开始暂停效果）的原型模版，效果包括：

• 点击开始按钮，可以环形进度条开始读取，中部百分比显示环形的读取进度；

• 在读取过程中，点击暂停按钮，可以随时暂停，再次点击开始按钮后继续读取；

• 读取完成后，点击重新开始按钮，可以从0开始读取；

具体效果可以打开下方原型地址体验=

【原型效果】

【原型预览含下载地址】

https://axhub.im/ax9/0bdf7f8cc3fccbc4/#g=1&p=环形进度条（开始暂停效果含百分比数字）

【制作教程】

1、材料准备

主要材料包括圆环，半圆（左半圆和右半圆），按钮和文本标签，如下图所示

圆环我们可以通过一个大圆和一个小圆，通过布尔运算的相减得到；

两个半圆可以通过一个圆和一个矩形，通过布尔运算的相减得到，完成后鼠标右键将他们分别转为动态面板，面板取消勾选适应内容；

按钮我们要设置一个选中样式，就是暂停时的样式，案例中为橙色；

制作好之后如下图所示摆放：