带刻度的角材料滑块

Question

我正在实现角材滑块。我需要滴答声以任何可能的方式显示。实施后，似乎正在构建一个tick html标签，但并不是我需要的圆点。

目前的样子：

我希望滑块看起来像什么：

这是我的代码：

<div class="mat-slider-ticks-container" ng-reflect-ng-style="[object Object]" style="transform: translateX(-1.05708%);">
    <div class="mat-slider-ticks" ng-reflect-ng-style="[object Object]" style="background-size: 2.11416% 2px; transform: translateZ(0px) translateX(1.05708%);">
    </div>
</div>