没有动画将进度条重置为零（在引导程序中）

Question

我有多个要执行的操作，我正在使用bootstrap进度条来显示每个操作的进度。 完成每个操作后，使用下面的代码行将进度条设置为零 $（'。progress'）。attr（'style'，“width：0％”）

但是，这反过来动画，对于用户来说，应用程序看起来像是撤消之前执行的操作。

如何在没有反向动画效果的情况下立即重置进度条？

Answer 1

您可以按照this answer

中的说明删除进度条的转场

char testvar = 9;
char dummy1 = 0;
char dummy2 = 0;
char dummy3 = 0;

int * p = (int *)& testvar;

如果您愿意，可以通过删除notransition类来再次启用转换

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
$(".progress-bar").addClass("notransition");
$('.progress-bar').attr('style', "width: 0%");