为外层 <div>元素添加"progress"类,内层 <div>元素添加"progress-bar"类
即可使用yzf-ui提供的默认进度条样式。
通过设置内层 <div>元素的width,height才决定进度条的长度,宽度。
为内层 <div>元素添加"progress-bar bg-success"类应用绿色(成功)样式。
为内层 <div>元素添加"progress-bar bg-info"类应用浅蓝色(信息)样式。
为内层 <div>元素添加"progress-bar bg-warning"类应用橙色(警告)样式。
为内层 <div>元素添加"progress-bar bg-danger"类应用大红色(危险)样式。
若想在一个进度条叠加多个进度,只需在外层 <div>元素里添加多个子 <div>元素,并应用不同颜色样式即可。
code: