c# - .active 类在 Modal 中的 Bootstrap 进度条上不活动

Question

我的 View 上有一个模态框，其中包含一个进度条。问题是，虽然我将 active 类添加到进度条以进行动画处理，但当我在 Chrome 中检查元素时，我可以看到没有应用 .active 类。

这是我的模式:

<div class="modal fade" id="pleaseWaitDialog" role="dialog"  data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Processing...</h4>
                <p>This may take a while, depending on your connection.</p>
            </div>
            <div class="modal-body">
                <div class="progress">
                    <div class="progress-bar progress-bar-striped active" role="progressbar"
                         aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%">
                        Importing Patients
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

这是我检查元素时模态的图像。

为什么会这样？

Answer 1

在“显示”模型行之前自行添加事件类

$(".progress-bar").addClass('Active');
$("PleaseWaitDialog").model('show');

有一些代码正在删除这个类。