新增一个进度条组件

[rdkmaster]

用法

<jigsaw-progress-bar [progress]="progress"
                     max="100"
                     min="0"
                     labelFormatter="$p %"
                     labelPlacement="center"
                     showScale="true"
                     (complete)="onComplete()">
</jigsaw-progress-bar>

输入

• progress: number 当前的进度值，需要根据min / max 换算成比例，取小数点后1位。换算出来的比例取值范围恒为 [0 ~ 100]
• min: number 最进度小值，默认是0
• max: number 最大进度值，默认是100
• labelFormatter: string 文本格式，默认值是 "$p %"，其中$p是一个占位符，表示当前的进度值，清空则表示不显示文本
• labelPlacement: "left"|"right"|"top"|"bottom"|"center"，默认值是"center"
• showScale: boolean 是否显示下方的标尺

输出

• complete: EventEmitter<void> 当当前的进度值大于等于100%的时候，发送此事件。

参考样式