React Bootstrap - 如何在值增加时为 ProgressBar 设置动画，但在重置为 0% 时不设置动画？
React Bootstrap - how to animate ProgressBar when value is increasing but not when resetting to 0%?
我正在使用启用了动画的 React Bootstrap ProgresBar 组件。在当前行为中，动画在增加和减少进度时都有效。我有一个用例，我慢慢地将进度从 0 增加到 100，然后我将进度重置回 0 并再次缓慢增加。当从 100 重置为 0 时，进度会向后动画，这让我的用户非常困惑。
理想的行为是：当（逐渐）从 0 增加到 100 时设置动画，但当从 100 重置为 0 时不设置动画。
有人知道如何实现吗？
这是issue中发布的解决方案：
只需将此添加到组件 CSS:
.progress-bar[aria-valuenow="0"] {
transition: none;
}
当 now 值更改为 0 时，过渡设置为 none 并且条形立即消失。虽然只适用于零，如果你从 80 到 30，你仍然会看到过渡。
我正在使用启用了动画的 React Bootstrap ProgresBar 组件。在当前行为中，动画在增加和减少进度时都有效。我有一个用例，我慢慢地将进度从 0 增加到 100，然后我将进度重置回 0 并再次缓慢增加。当从 100 重置为 0 时，进度会向后动画，这让我的用户非常困惑。
理想的行为是：当（逐渐）从 0 增加到 100 时设置动画，但当从 100 重置为 0 时不设置动画。
有人知道如何实现吗？
这是issue中发布的解决方案：
只需将此添加到组件 CSS:
.progress-bar[aria-valuenow="0"] {
transition: none;
}
当 now 值更改为 0 时，过渡设置为 none 并且条形立即消失。虽然只适用于零，如果你从 80 到 30，你仍然会看到过渡。