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

@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)
}