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

时间:2017-06-13 14:40:10

标签: reactjs react-bootstrap

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

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

1 个答案:

答案 0 :(得分:0)

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

CSS:

StackPanel

JS示例:

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

渲染:

example of progress bar floated to the right

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