Axure7.0打造动态进度条

作为产品经理，要向开发团队精准传达需求，必须依赖高保真原型，以便技术人员更直观、无歧义地掌握功能细节与交互流程。

1、 在Axure画布中创建一个宽300像素、高15像素的横向矩形，作为进度条底框。

2、 在该矩形正下方插入文本控件，内容为“当前进度”。

3、 在文字控件下方添加两个按钮控件：左侧为“开始”，右侧为“暂停”。

4、 将步骤1中绘制的矩形填充为绿色，作为进度条的初始色块。

5、 新建一个尺寸完全匹配该矩形的动态面板（命名为d001），覆盖在绿色矩形之上；同时，在画布空白处新增一个小型动态面板（命名为d002），并将其初始状态设为隐藏。

6、 为“开始”按钮配置点击交互：点击后显示d002；当d002的状态发生显隐切换时，同步驱动进度条长度变化及当前数值更新。

7、 至此，一个具备动态响应能力的进度条交互效果即已完成。