Axure8.0之进度条

进度条的拖动主要用到了动态面板的拖动功能，在拖动时改变显示的进度，设置进入背景色的尺寸。

实现步骤

1. 先添加一个矩形，用做进度条的背景，命名为：ProgressBar
2. 然后添加一个矩形，命名为Progress，之后通过改变这个矩形的尺寸实现拖动时进度条颜色的改变。

3. 再添加一个动态面板，只有动态面板有拖动的功能。

   
   
   

   首先给动态设置水平拖动并设置水平拖动时的左右边界，保证动态面板的位置不会超过背景矩形的最左侧和最右侧。

   
   
   接下来设置Progress尺寸，保证拖动时背景色跟着变化。
   
   

   再其次计算拖动的百分比，并把进度显示在ProgressValue的椭圆形文本中。