React-Bootstrapプログレスバーを右から左にレンダリングする方法は？

Question

私は右から左へ1つのプログレスバーを表示しなければなりません。左から右へもう1つのプログレスバーを表示する必要があります。「React-Bootstrap」プログレスバーを使用して左から右に進みます。

これを使用して進行状況バーを右から左に取得する方法は？

Answer 1

カスタムCSSの代わりに、進行状況を表示する要素を右に浮動させることができます。

CSS：

.progress.right .progress-bar { 
    float: right; 
} 

JS例：レンダリング

<ProgressBar className="right" active now={25}/> 

：

---

ここでは、進捗トンで遊ぶことができます実際の例ですoからアニメーションを表示し、右から左へ：

• Live version
• Example source