Skip to content

Progress 进度条

Progress 进度条打开
9:41
/pages/progress/index

介绍

weui-progress 用于展示任务进度,支持取消按钮,进度值会被限制在 0100 之间。

基础用法

vue
<weui-progress :percent="progress" @cancel="handleCancel" />

隐藏取消按钮

vue
<weui-progress :percent="80" :show-cancel="false" />

Props

属性说明类型默认值
percent进度百分比,范围 0-100number0
showCancel是否显示取消按钮booleantrue

Events

事件名说明
cancel点击取消按钮时触发

Released under the MIT License.