Axure制作页面加载进度条效果

1、新建Axure RP项目，取名“Axure制作页面加载进度条效果”

拖入一个动态面板Dynamic Panel取名“bar”，设置一个状态“scrollbar”。

动态面板

2、状态“scrollbar”添加两个Rectangle，分别取名为1、2，其中2为灰色背景无边框，1为白色背景无边框，1在2上层。

设置组件

3、在Dynamic Panel“bar”上层添加一个同样大小的Rectangle取名“border”，背景色为透明，边框设置为和Rectangle 1一样的灰色作为边框。

设置组件样式

4、设置Page Interactions的OnPageLoad事件。向右移动状态“scrollbar”中的Rectangle 1。进度条长度一共300px，前100px 3秒跑完，后200px 1秒跑完，也就是先慢后快。

OnPageLoad事件

5、执行效果显示如下图

效果图

如需源文件，请留言联系作者。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容