Где дописать, чтобы прогресс бар начинался с 55% до 100%?

Question

[kazimirov_art]

Где дописать, чтобы прогресс бар начинался с 55% и доходил до 100%, не с 0 и до 100, а именно с 55% https://jsfiddle.net/kazimirov_art/rgmv2ju3/85/, прогресс бар с текстом поэтому, он сейчас не работает потому что в строчках выставлены эти значения
if (value >= 55 && value <= 71) {

circle.setText(value);
        text.innerHTML='Адаптация плана Марафона к Вашему плотному графику';
        } 

        if (value >= 72 && value <= 89) { 
        circle.setText(value); 
        text.innerHTML='Подбор подходящих Вам рецептов и тренировок';
        }
                if (value >= 90 && value <= 100) { 
        circle.setText(value); 
        text.innerHTML='Ваша индивидуальная программа похудения готова!';
        }

Но и еще один вопрос, но он легкий, как поставить что бы после чисел шел процент, пробовал стандартным методом, то есть сюда

const value = Math.round(circle.value() * 100) + "%"; 

        if (value >= 55 + "%"; && value <= 71 + "%";) { 
        circle.setText(value);
        text.innerHTML='Адаптация плана Марафона к Вашему плотному графику';
        } 

        if (value >= 72 + "%"; && value <= 89 + "%";) { 
        circle.setText(value); 
        text.innerHTML='Подбор подходящих Вам рецептов и тренировок';
        }
                if (value >= 90 + "%"; && value <= 100 + "%";) { 
        circle.setText(value); 
        text.innerHTML='Ваша индивидуальная программа похудения готова!';
        }

добавил знак %, но прогресс бар тогда сбивается

Answer 1

[AnvarjonS4957Y]

<progress max='100' value='55/>