Day 13 · Slider 滑块：范围可拖，精确另填

Slider 适合让用户在一个连续或分段的范围里拖动取值。Material Design 把它描述为「沿范围改变数值」的组件，并提示滑块应展示完整可用范围、数值通常即时生效；Apple 也把 Slider 定义为带有 thumb 的水平轨道，用来在最小值与最大值之间调整。1 2

Slider 的关键是「可操作」：用户拖动手柄来输入一个值。Progress Bar 的关键是「只展示」：告诉用户某个过程正在进行到哪里。这个边界来自两类组件的基础定义：Slider 用于在指定范围内输入值，Progress indicator 用于告知进行中流程的状态。3 4

MUI 和 Ant Design 的组件文档都把连续滑块、带 marks / step 的刻度滑块、Range 双手柄滑块、Vertical 垂直滑块作为常见形态。连续滑块适合大致调节；刻度滑块适合有限档位；范围滑块适合价格、时长、温度区间；垂直滑块多用于空间方向或窄布局。5 3

该用 Slider：音量、亮度、滤镜强度、价格区间、距离范围这类「看相对多少」的调节。别用 Slider：必须精确输入数字时，用 InputNumber 或输入框；选项很少且固定时，用 Radio / Select；只是展示加载或完成度时，用 Progress。5 4