关于进度条制作的方法这篇文章讲得最全面

　　网上诸多有关Axure进度条制作的方法，但是步骤实在是太跳跃，很不容易搞明白。因此，笔者在这里总结一下Axure进度条制作的方法。
　　下面示例在Axure7中操作，但是在Axure8里步骤也是一样的，建议更新至Axure8，因为其具有不少便利的新功能。
　　一、最简陋的进度条：用于说明原理
　　1、新建一个矩形，命名为进度框；
　　2、新建一个矩形，让它和之前的矩形大小一样，并重叠，填充黄色，命名为进度条；
　　3、对进度条右键，选择转换成动态面板，命名为动态条，设置宽度为1（因不能设置成0）；
　　4、因进度条一般在页面载入时显示，所以选择动态条的载入时设置面板尺寸勾选动态条，按下图顺序设置宽度，点击fx在弹出的界面添加局部变量设置函数确认，最后不要忘记勾选动画为线性，用时可以随意设置，这里设为5000毫秒；
　　LVAR1表示进度框这个部件，〔〔LVAR1。width〕〕则表示进度框的宽度。
　　5、最后点击发布预览，便可以欣赏你刚刚完成的进度条了。
　　二、为进度条添加数字，更好地显示进度
　　1、进度条做好后，在进度条居中位置添加一个Label，设置文字居中显示，命名为进度数字；
　　2、对进度数字右键，选择转换成动态面板，命名为动态数字，隐藏；
　　3、对动态数字做以下操作，载入时显示动态数字；
　　4、对动态数字做下图操作，更多事件显示设置文本进度数字设置局部变量设置函数确认；
　　函数为：
　　〔〔Math。floor（LVAR2。widthLVAR1。width100）〕〕
　　原理为：
　　进度数字动态条的宽度进度框的宽度100
　　其中Math。floor（X）表示对括号里的X取整。
　　做完前面4步，会发现显示数字是不会随进度条变化的，因此还需要设置数字显示的自循环。
　　5、还是在刚才的用例1里依次添加，等待0秒隐藏This显示This；
　　6、最后，点发布预览，就可以看到带数字的进度条了。
　　三、各类进度条
　　抛开UI设计不谈，市面上大多数进度条的运行原理都是差不多的。
　　只要掌握了以上进度条以及数字添加的原理后，就可以举一反三，设计出形式各样的进度条。
　　下面是我用Axure做的几款进度条：
　　为达到旋转等效果，我将Axure7更新至了Axure8。
　　1、直线型进度条
　　通过Axure8的移动样式，可以设置文字水滴随着进度条而移动。
　　2、圆形进度条
　　用Axure8实现圆形进度条的方法有很多，下面说我自己的思路。
　　（1）通过Axure8的形状变换，制作一下5个组件，将其重叠成同一个圆环，左动、右动代表进度条，z、y代表用于遮挡的部分，b代表背景圆环，上下顺序如下图：
　　部件上下顺序
　　（2）页面交互页面载入时对左动进行设置等待2000秒隐藏z对右动进行设置；
　　对左动的设置
　　对右动的设置
　　（3）前2步做完，进度条的部分就完成了，下面制作数字的显示，添加Label，命名为数字，设置好文字的样式，转换成动态面板，隐藏；
　　（4）设置文字的自循环，首先在动态面板的载入时显示动态面板数字；
　　（5）实际上进度条的载入分为了两段，其中间有一个事件就是z隐藏，于是便利用z作为条件来区分计算数字，在动态面板的显示时case1设置条件为if元件可见ztrue设置文本（这里使用的函数是〔〔Math。floor（LVAR1。rotation360100）〕〕；LVAR1代表元件左动）等待0秒隐藏this显示this；
　　（6）case2设置条件为if元件可见zfalse设置文本（这里使用的函数是〔〔Math。floor（（LVAR1。rotation180）360100）〕〕；LVAR1代表元件右动）等待0秒隐藏this显示this；
　　（7）发布预览，就大功告成了。
　　3、文字型进度条
　　四、小结
　　进度条的制作在Axure里应该算是比较简单的，只要理解了基本的原理，就能变换出各种不同样式的进度条。
　　快发挥你的想象，制作属于你的进度条吧（）