Bevor ich überhaupt mit diesem Projekt beginne, möchte ich wissen, ob es überhaupt möglich ist, den Fortschrittsbalken im Bootstrap-Framework umzukehren, damit ein Wert von rechts nach links angezeigt werden kann. Der Grund für diese Frage ist, dass ich eine Reihe von Zahlen habe, die von positiv zu negativ gehen können. Die Idee ist, zwei Fortschrittsbalken nebeneinander zu platzieren und auf dem rechten Balken den Prozentbereich anzuzeigen, wenn der Wert positiv ist, und auf dem linken Balken den Prozentbereich anzuzeigen, wenn der Wert negativ ist. Im Moment sind die Werte statisch, aber diese werden in Zukunft "lebendig" sein.

Gibt es dazu einen Input und wenn möglich einen Zeiger auf ähnliche Projekte? Ich habe mit diesem Framework nichts Relevantes gefunden.

Ich habe mir Posts wie diesen angeschaut:Reverse Progressbar mit CSS3Ich bin mir jedoch nicht sicher, ob dies der richtige Weg ist, wenn Sie Bootstrap verwenden. Gibt es eine Art von Überschreibung für diese Art von Funktionalität in Bezug auf CSS?

Im Moment ist mein Fortschrittsbalken so eingestellt:

        <li>Speed<span class="pull-right"><em>@Math.Round(DepthValue, 2) m/min</em></span>
            <div class="progress progress-success">
                <div class="bar" style="width: @Model.SpeedRangePercentage%"></div>
            </div>
        </li>