Axure[第三课]进度条简易设计

第一步：在页面上添加一个动态面板，选中动态面板，右键，选择“编辑动态面板”，然后选择“设置隐藏”，添加6个状态（第6个状态为空白）。效果图如下：
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8737/72df9f8e-bb51-3142-94be-3fa0aba4584c.jpg[/img]
[/img]

[img]
[img]http://dl.iteye.com/upload/attachment/0080/8739/39ecaad3-53e0-3c91-8210-4ae580ae5ce6.png[/img]
[/img]

第 1 个状态如图：
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8741/d2b6b735-7e7c-3a7b-a92e-330550dcc6b2.png[/img]
[/img]

第 5 个状态如图：
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8743/3e8f0da8-f58b-3c41-bc3a-1e6b49eda4e5.png[/img]
[/img]


第二步，编辑页面交互，第一次进入界面的时候动态面板显示第6个。
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8745/27becc2d-adcc-315c-b8a8-be51f66f18b6.png[/img]
[/img]


[img]
[img]http://dl.iteye.com/upload/attachment/0080/8747/a7d4edea-7d50-3898-8c3c-44a2042c8431.png[/img]
[/img]


第三步：编辑动态面板交互：
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8751/39b6a030-366a-3d7c-b03d-8eca70b5ec9d.png[/img]
[/img]

[img]
[img]http://dl.iteye.com/upload/attachment/0080/8753/314aa39e-b3b8-3c9b-90ea-31b64f9cb957.png[/img]
[/img]