进度条

简介

abp-progress-bar是用于显示进度状态的ABP标签。

基础用法：

<abp-progress-bar value="70" />

<abp-progress-bar type="Warning" value="25"> 25% </abp-progress-bar>

<abp-progress-bar type="Success" value="40" strip="true"/>

<abp-progress-bar type="Dark" value="10" min-value="5" max-value="15" strip="true"> 50% </abp-progress-bar>

<abp-progress-group>
    <abp-progress-part type="Success" value="25"/>
    <abp-progress-part type="Danger" value="10" strip="true"> 10% </abp-progress-part>
    <abp-progress-part type="Primary" value="50" animation="true" strip="true" />
</abp-progress-group>

演示

查看进度条演示页面以观看实际效果。

属性说明

value

表示进度条当前进度的数值。

type

定义进度条的背景颜色。应为以下值之一：

• Default（默认值）
• Secondary
• Success
• Danger
• Warning
• Info
• Light
• Dark

min-value

进度条的最小值。默认为0。

max-value

进度条的最大值。默认为100。

strip

指示进度条背景是否显示条纹样式。应为以下值之一：

• false（默认值）
• true

animation

指示进度条的条纹背景是否显示动画效果。应为以下值之一：

• false（默认值）
• true