09.加载进度条

加载进度条在PC端的文件上传、下载，APP端的部分进度展示都是不可缺少的一部分。

准备

• Axure 9（或Axure 8）软件已安装。（注：本案例使用Axure 9制作）
• 掌握基本的软件使用。
• 熟悉函数知识（获取元件基础属性）。
• 熟悉动态面板。

本教程知识点

• 基础函数应用。
• 基础动态面板应用。

详细教程–手机端滚动选择器

本文以手机端APP更新页面下载进度为例，展示基础的加载进度条与下载进度。

功能

点击立即更新，展示下载进度条，同时进度条进行进度展示和当前进度百分比展示。

制作方式

1、搭建基础的案例框架。本案例除加载进度条部分需要设计交互，其它均为静态，只需注意排版布局即可。

2、加载进度条部分搭建

• 思路拆分：加载进度条部分分为立即更新动态面板状态和下载中动态面板状态。点击立即下载，切换至下载中