[wechat applet] progress (93/100)

The layout is as follows ：

<!--pages/progress/progress.wxml-->
<view class="progress-box">
  <progress percent="20" show-info stroke-width="3"/>
</view>
<view>--</view>
<view class="progress-box">
  <progress percent="40" active stroke-width="3" />
  <icon class="progress-cancel" type="cancel"></icon>
</view>
<view>--</view>
<view class="progress-box">
  <progress percent="60" active stroke-width="3" />
</view>
<view>--</view>
<view class="progress-box">
  <progress percent="80" color="#10AEFF" active stroke-width="3" />
</view>

Function description
Progress bar . The default length unit for component properties is px,2.4.0 Support for incoming units (rpx/px).

Attribute specification
attribute type The default value is Required explain Minimum version
percent number no percentage 0~100 1.0.0

show-info boolean false no Show percentage to the right of progress bar 1.0.0

border-radius number/string 0 no Fillet size 2.3.1

font-size number/string 16 no Right percentage font size 2.3.1

stroke-width number/string 6 no Width of progress bar 1.0.0

color string #09BB07 no Progress bar color （ Please use activeColor） 1.0.0

activeColor string #09BB07 no Color of selected progress bar 1.0.0

backgroundColor string #EBEBEB no Color of progress bar not selected 1.0.0

active boolean false no Left to right animation of progress bar 1.0.0

active-mode string backwards no backwards: Animation from scratch ;forwards： The animation is played from the last ending point 1.7.0

duration number 30 no Progress increases 1% Number of milliseconds required 2.8.2

bindactiveend eventhandle no Animation completion event 2.4.1