Javascript 如何在径向量规上创建记号标记和相等间距？

我是一名软件开发人员，致力于创建前端仪表板。我应该在不使用任何插件的情况下创建所有这些。只需纯JQuery、JavaScript和样式。我正在从头开发一个没有插件的径向量规。我需要将以下内容添加到我的仪表中。请帮帮我

显示最小值和最大值的记号，从0到100

正文{
背景：#fff；
}
#径向：以前{
背景：黄绿色；
边界半径：220px 220px 0；
/*盒影：3px 1px 8px rgba（2,1,1,0.15）插页*/
内容：“；
高度：100px；
位置：绝对位置；
宽度：350px；
}
#放射状{
边界半径：400px 400px 0；
高度：100px；
保证金：50px自动0；
溢出：隐藏；
位置：相对位置；
宽度：200px；
}
#放射状：之后{
背景：rgb（255、255、255）；
边界半径：140px 140px 0；
底部：0；
盒影：3px1px8pxRGBA（0,0,0,0.15）；
/*颜色：rgba（255,80,0,0.7）*/
内容：“；
字体系列：Lato、Helvetica Neue、Helvetica、Arial、无衬线字体；
字体大小：3.5em；
字号：100；
高度：70像素；
左：30px；
线高：95px；
位置：绝对位置；
文本对齐：居中；
宽度：140px；
}
#针头{
背景：径向梯度（黑色、红色）；
边界半径：8px；
底部：-4px；
/*盒影：3px-1px 4px rgba（0,0,0,0.4）*/
显示：块；
高度：8px；
位置：绝对位置；
宽度：100px；
变换原点：100%4px；
变换：旋转（0度）；
过渡期：8s；
z指数：2；
/*边框左上半径：5px；
边框右上角半径：5px*/
剪辑路径：多边形（100%0%，0%50%，100%100%）；
}
#径向：悬停跨度{
变换：旋转（180度）；
}
/*h1，
P
强壮的{
显示：块；
字体系列：Lato；
文本对齐：居中；
}
h1{
边缘底部：0.1米；
}
p{
边际上限：0；
}
强壮的{
颜色：#Be1e；
字号：2.5em；
}*/

---

也许您可以尝试修改您的