如何自定义Bootstrap进度条数值范围（0-10）替代百分比刻度

我目前有一个基于百分比刻度运行的Bootstrap进度条，代码如下，可正常工作：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<div class="progress">
  <div id="test" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 100%"></div>
</div>

我希望把它的刻度从百分比改为0到10的数值范围。

更新说明：我曾尝试使用aria-value系列属性来实现数值范围刻度，但未生效，具体原因未知。不过我已经找到一个可行的解决方案——通过将目标数值转换为百分比来控制进度条宽度：

var calculations = data[1] / 10 * 100

内容的提问来源于stack exchange，提问作者Software Architect