How do I slow down the progress-circle to match the percentage with JQuery-Circle-Progress?

JavaScript
1

I have about 48 or more inputs that I check to see if they’re filled before moving the progress circle forward. The issue I am having is that the progress circle is filling up much faster than the percentage. I need the progress circle and percentage to move at the correct speeds. In general, I need the right mathematical calculation to keep them in sync with the inputs.

link to jquery-circle-progress library

JQuery-Circle-Progress Library

// Progress Bar 1 JS
// 48 progression inputs
let current_progress_value = 0;
$('.current-progress.circle').circleProgress({
    fill: {color: 'blue'},
    value: 0.0,
    size: 150,
    startAngle: -Math.PI / 2,
    animationStartValue: 0,
    stepValue: current_progress_value
}).on('circle-animation-progress', function (event, progress) {

    $('#info_attributes_first_name').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_first_name').one('keyup', function () {
        if ($('#info_attributes_first_name').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });

    $('#info_attributes_phone').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_phone').one('keyup', function () {
        if ($('#ece_form_info_attributes_phone').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });

    $('#info_attributes_email').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_email').one('keyup', function () {
        if ($('#info_attributes_email').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });

    $('#info_attributes_address_1').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_address_1').one('keyup', function () {
        if ($('#info_attributes_address_1').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });

    $('#info_attributes_zip_code').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_zip_code').one('keyup', function () {
        if ($('#info_attributes_zip_code').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });

    $('#info_attributes_city_of_birth').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_city_of_birth').one('keyup', function () {
        if ($('#info_attributes_city_of_birth').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });

    $('#info_attributes_state_of_birth').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_state_of_birth').one('keyup', function () {
        if ($('#info_attributes_state_of_birth').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });

    $('#info_attributes_drivers_license').one('keyup', function () {
        $('.current-progress.circle').circleProgress({value: current_progress_value += 0.1});
        $('.current-progress.circle').circleProgress('redraw');
        $('.current-progress.circle').circleProgress();
        $('.current-progress.circle').circleProgress({size: 150});
    });

    $('#info_attributes_drivers_license').one('keyup', function () {
        if ($('#info_attributes_drivers_license').val() == '') {
            $('.current-progress.circle').circleProgress({value: current_progress_value -= 0.1});
            $('.current-progress.circle').circleProgress('redraw');
            $('.current-progress.circle').circleProgress();
            $('.current-progress.circle').circleProgress({size: 150});
        }
    });
    console.log(progress, "current progress");
    $(this).find('strong').html(Math.round((current_progress_value * progress) / 20) + '<i>%</i>');
});

$('.current-progress.circle').circleProgress({
    fill: {color: 'blue'},
    value: 0.0,
    size: 150,
    startAngle: -Math.PI / 2,
    animationStartValue: 0,
    stepValue: current_progress_value
}).on('circle-animation-end', function (event) {

    if ($('.circle').circleProgress('value') === 0) {
        $('.circle').circleProgress({value: 0});
        $('.circle').circleProgress('redraw');
        $('.circle').circleProgress();
        $('.circle').circleProgress({size: 150});
    }

    $(this).find('strong').html(Math.round((current_progress_value * progress) / 20) + '<i>%</i>');
});