如何从右到左呈现React-Bootstrap进度条？

Question

我必须从右到左显示一个进度条，从左到右显示另一个进度条。我正在使用“React-Bootstrap”进度条从左到右显示。

如何使用相同的方法从右到左获取进度条？

Answer 1

您可以将显示进度的元素浮动到右侧，而不是使用一些自定义CSS。

CSS：

StackPanel

JS示例：

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

渲染：

这是一个实时示例，可让您播放从右到左显示动画的进度：

• Live version
• Example source