Как использовать selectbox формы для ее индикатора выполнения в jQuery?

Question

Когда я использую поле выбора в индикаторе выполнения в jQuery с событием изменения, ширина индикатора выполнения увеличивается, но мне нужно, чтобы индикатор выполнения увеличивался только один раз. но он все время меняется, когда я меняю опцию выбора.

jQuery('#category').on('change', function () {
    var pre_value = parseInt(jQuery('.progress-bar').attr('value'));
    if(jQuery(this).val() != ''){
        jQuery('.progress-bar').val(pre_value + 20);
    } else {
        jQuery('.progress-bar').val(pre_value - 20);
    }
});

Вывод: он увеличивает ширину индикатора выполнения каждый раз, когда я меняю опцию.