bootstrap-4 - Bootstrap 进度条从中心开始向左或向右扩展

Question

我想要一个引导进度条，它从自身的中心开始，然后能够根据值向左和向右扩展。

这是我想要实现的使用 Indesign 创建的图像：

进度条左边的0是最小值，中间的（10）是起始值，右边是最大值（20）。7 是实际值。根据实际值，进度条应向左或向右扩展，具体取决于它是大于还是小于起始值。

我知道进度条在引导程序中一般是如何工作的，但我没有针对我的具体问题的解决方案。

我正在使用 Bootstrap v4.1.2。

标签： bootstrap-4