YSS · 进度条（progressbar）

选择器： progressbar · 设计器组件： 进度条 · 按名称： progressbar#名称 或 #名称

可用属性

属性	说明
background-color	轨道背景（亦可用 progressbar:groove { background-color }）
background-gradient-color	进度填充起始色
pressed-background-color	进度填充结束色（与上项组合为渐变）
background-gradient-direction	horizontal / vertical
border-radius	圆角
color	数值文字颜色
show-border / border-*	外边框
margin / margin-*	绘制区域外边距（见 YSS.md）

子控件选择器

选择器	说明
progressbar:chunk	已填充段；background-color / background-gradient-color
progressbar:groove	轨道背景

示例

progressbar#进度条1 {
    border-radius: 12;
    background-color: #E6E6EC;
    background-gradient-color: #5B6FE8;
    pressed-background-color: #FF6B9D;
    background-gradient-direction: horizontal;
}

progressbar:chunk {
    background-color: #007ACC;
    background-gradient-color: #00B4FF;
}

滑块见 slider.md。