отключена кнопка и включена кнопка, когда индикатор выполнения закончен?

Question

как сделать кнопку отключенной во время работы индикатора выполнения И когда индикатор выполнения закончен, кнопка включена.

мой код не работает, кнопка не отключена в начале. Спасибо.

<div id="progressTimer"></div>

<script>
    function () {
        $("#btnSave").attr('disabled', 'disabled');
    };
</script>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://www.jqueryscript.net/demo/Easy-jQuery-Progress-Bar-Timer-Plugin-For-Bootstrap-3-progressTimer/js/jquery.progressTimer.js'></script>
<script>



            $("#progressTimer").progressTimer({
                timeLimit: 30,
                warningThreshold: 10,
                baseStyle: 'progress-bar-warning',
                warningStyle: 'progress-bar-danger',
                completeStyle: 'progress-bar-info',
                onFinish: function () {
                    $("#btnSave").removeAttr('disabled');
                }
            });



</script>


<input type="button" value="Save" id="btnSave" />
<div id="progressTimer">
</div>

Я ожидаю кнопка отключена, пока не закончится индикатор выполнения. кнопка включена, когда индикатор выполнения завершен

Answer 1

Для включения / выключения кнопки используйте:

$('#btnSave').prop('disabled', false);
$('#btnSave').prop('disabled', true);`