1、首先打开我们的AxureRP8软件，新建一个空白的页面，命名自定义进度条，用于接下来的操作，如图所示
2、准备两个矩形，矩形的做成相同的宽度，并分别命名背景和进度
3、然后设置矩形的大小和位置，设置成同样的坐标，这里我们把背景和进度的坐标和宽高设置为如下图所示的值
4、注意，这个时候我们要将进度的图层放到背景的图层上面，不然效果会被背景遮挡。
5、然后我们进行交互用例的设置，添加用例页面载入时，双击进入，设置如下图所示
6、然后找到元件--设置文本，设置进度文本的元件，设置为隐藏，具体的操作步骤如下如图所示。
7、然后进行元件尺寸的设置，进入用例，找到元件下的设置尺寸，然后设置进度的元件，设醅呓择锗置锚点，设置线性动画，时间设置为4000ms,详细如下图所示
8、在上图的基础上，点击宽后面的fx标志，设置载入元件进度的宽度，添加局部变量process，插入函数[[process.width-2]],这里函数一定要加上[[]]的标志，不然识别不了
9、然后继续设置进度文本显示，的设置方式和设置隐藏是类似的，选择元件-显示，设置进度文本为显示状态即可
10、点击AxureRP软件的预览效果，在浏览器中预览我们的进度条
