@beisen-phoenix/progress

@beisen-phoenix/progress

Usage no npm install needed!

<script type="module">
  import beisenPhoenixProgress from 'https://cdn.skypack.dev/@beisen-phoenix/progress';
</script>

README

Progress 进度条

@beisen-phoenix/progress

概述

已图片的形式显示处理任务的速度，完成度，剩余未完成任务量的大小

支持【大小】进度条，支持 red、green、blue三种颜色。

API

参数 说明 类型 默认值 是否必传
percent 百分比 number 0 是
size 大小进度条，可选: big,small string small 否
color 进度条颜色 默认 0%-99%蓝色，100%绿色，失败红色 无 是
status 进度条状态，可选：success,进度条为绿色，右侧显示成功图标。exception,进度条为红色，右侧显示失败图标。normal，进度条为蓝色。如设置了color，进度条颜色则按照color显示 false 无 否
showInfo 是否显示进度数值或状态图标 boolean 只支持小进度条，默认显示 否
showTip 是否显示进度数值Tip boolean 只支持大进度条，默认显示 否
format 进度数值的模板函数, 函数返回的信息将显示在进度数值区域 (percentNumber)=>{} 无 否
extraCls 自定义组件容器class,一般用于覆盖组件默认样式使用 string 无 No