如何实现带刻度的进度条？

@State outSetValueOne: number = 40
build() {
  Column({ space: 8 }) {
    Row() {
      Slider({
        value: this.outSetValueOne,
        min: 0,
        max: 100,
        style: SliderStyle.OutSet
      })
        .showTips(true)
        .onChange((value: number, mode: SliderChangeMode) => {
          this.outSetValueOne = value
          console.info('value:' + value + 'mode:' + mode.toString())
        })
      // toFixed(0)将滑动条返回值处理为整数精度
      Text(this.outSetValueOne.toFixed(0)).fontSize(12)
    }
    .width('80%')
  }.width('100%')
  .height("100%")
  .justifyContent(FlexAlign.Center)
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.