【Axure】快速制作进度条

良多时辰加载网页时城市呈现一个进度条，经由过程简单的动画让期待的时候不那么乏味。若何利用Axure建造进度条？简单几步，让你轻松几步解决。

东西/原料

• Axure PR 8

方式/步调

1. 1

   1. 启动软件，新建，点窜页面名称如下。

   
2. 2

   2. 双击打开loading页面，拖入一个矩形建造进度条边框-->拖入文字标签，显示加载信息。

   
3. 3

   3. 拖入【动态面板】建造进度条填充块-->调整巨细如下。

   
4. 4

   4. 双击进度条填充条-->双击state1进入-->拖入【矩形】建造【完整填充条】，并设置填充色。

   
5. 5

   5. 拖入【动态面板】作为【完整填充条】的【笼盖块】-->调整巨细与【完整填充条】一致

   
6. 6

   6.双击【笼盖块】-->双击state1，进入state1-->.拖入【矩形】，点窜名称为【白色块】，调整巨细布满虚线框，并设置填充色为白色，边框为无。

   
7. 7

   7. 双击【login】页面，插入登录界面截图（以qq邮箱为例）-->插入登录按钮截图，设置单击事务，点击后进入loading页面。

   
8. 8

   8.双击【mailbox】页面，插入邮箱界面。

   
9. 9

   9. 双击【loading】页面的【页面载入时】进行以下设置。

   
10. 10

    10. 打开login页面，【F5】预览。

11. 11

    若是您感觉有效，记得鄙人方点击投票、点赞、存眷、留言，小编会按期送上更多的惊喜哦，您的撑持才是小编继续尽力的动力，么么哒。