Как сделать чтобы значение прогрессбара начиналось с нужного процента?

Question

[Minusator]

Добрый день!

У пошаговой формы есть прогрессбар, который заполняет шкалу по мере ответа на вопросы:

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

Мне необходимо показать прогрессбар не с 0, а с 10%
HTML

<div class="mf-progress">
<div class="mf-progress-bar  " percent="" role="progressbar" style="background-color: rgb(33, 116, 200); width: 17%;" aria-valuenow="17" aria-valuemin="0" aria-valuemax="100">17%</div>
</div>

width: 17%; и aria-valuenow="17" влияют на значение прогрессбара.

var percent = index == 0 ? 0 : parseFloat((parseFloat(index - prevHiddenPagesCount) / pageCount) * 100).toFixed(0);
            if (form.find(".mf-progress-bar").is('[percent]')) {
                form.find(".mf-progress-bar").css("width", percent + "%").attr("aria-valuenow", percent).text(percent + "%" );
            } else {
                form.find(".mf-progress-bar").css("width", percent + "%")
            }

Благодарю за помощь!

Comments

[Ankhena]

И что вам мешает поставить начальные значения такие, как вам нужно?

[Minusator]

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

<div class="mf-progress-bar <?php echo ($settings->striped) ? "mf-progress-bar-striped" : "" ?> <?php echo ($settings->animated) ? "mf-progress-bar-animated" : "" ?>" <?php echo ($settings->showPercent) ? "percent" : "" ?> role="progressbar" style="width:10%; background-color:<?php echo magicform_convertRgba($settings->color); ?>" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>

[Сергей delphinpro]

Minusator, ну вы же их сами и сбрасываете к нулю

var percent = index == 0 ? 0 :

[Minusator]

Сергей delphinpro, окей а как привести выражение, чтобы не сбрасывалось? P.S. код не мой.

[Алексей]

Ну камон, это вообще смешно уже

index == 0 ? 10 : ...

[Minusator]

Алексей, вот затупил. Спасибо! Вы решением оформите я одобрю! ))

Answer 1

[Алексей]

установить в условии определении процента дефолтный процент (10) на нулевой индекс

index == 0 ? 10 : ...