feat(h5): 新增 progress组件duration参数

docs/component/progress.md

@@ -14,7 +14,7 @@
 |backgroundColor|Color		|#EBEBEB	|未选择的进度条的颜色									|						|
 |active			|Boolean	|false		|进度条从左往右的动画									|						|
 |active-mode	|String		|backwards	|backwards: 动画从头播；forwards：动画从上次结束点接着播|App、H5、微信小程序、QQ小程序	|
-|duration|number|30|进度增加1%所需毫秒数|App-nvue2.6.1+、微信基础库2.8.2+|
+|duration|number|30|进度增加1%所需毫秒数|App-nvue2.6.1+、微信基础库2.8.2+、H5 3.1.11+|
 |@activeend		|EventHandle|			|动画完成事件											|微信小程序				|
 
 **示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/progress/progress)

src/core/view/components/progress/index.vue

 <template>
-  <uni-progress
-    class="uni-progress"
-    v-on="$listeners"
+  <uni-progress
+    class="uni-progress"
+    v-on="$listeners"
   >
-    <div
-      :style="outerBarStyle"
-      class="uni-progress-bar"
+    <div
+      :style="outerBarStyle"
+      class="uni-progress-bar"
     >
-      <div
-        :style="innerBarStyle"
-        class="uni-progress-inner-bar"
+      <div
+        :style="innerBarStyle"
+        class="uni-progress-inner-bar"
       />
     </div>
     <template v-if="showInfo">
-      <p class="uni-progress-info">
-        {{ currentPercent }}%
+      <p class="uni-progress-info">
+        {{ currentPercent }}%
       </p>
     </template>
   </uni-progress>
@@ -65,6 +65,13 @@ export default {
     activeMode: {
       type: String,
       default: VALUES.activeMode
+    },
+    duration: {
+      type: [Number, String],
+      default: 30,
+      validator(value) {
+        return !isNaN(parseFloat(value, 10))
+      }
     }
   },
   data () {
@@ -117,7 +124,7 @@ export default {
           } else {
             this.currentPercent += 1
           }
-        }, 30)
+        }, parseFloat(this.duration))
       } else {
         this.currentPercent = this.realPercent
       }
@@ -154,4 +161,4 @@ export default {
 		margin-left: 15px;
 		font-size: 16px;
 	}
-</style>
+</style>