Передача переменной jQuery в стиль индикатора выполнения

#javascript #jquery

Вопрос:

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

Ниже приведен мой код для индикатора выполнения, что я хотел бы сделать, так это запустить jQuery для моего AJAX-файла, который выполняет правильную математику и возвращает значение для помещения в style="width: " тег.

Моя проблема в том, что я не знаю, как передать переменную в эту часть с помощью jQuery. Я взглянул на некоторые другие методы, но ничто на самом деле не показало мне, как это сделать на этом уровне. Правильно ли было бы использовать команду .append?

 <div class="progress" style="height: 30px">
  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: !!VARIABLE HERE!!%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" >Remaining Stock: <?=$dec?>%</div>
</div>

Заранее спасибо за любую помощь 🙂

1. если вы не используете какие-либо шаблоны для вашего html, будет сложно передавать переменные контроллерам. вы можете использовать событие click и вызвать функцию, которая добавляет стиль с помощью js

2. этого можно легко достичь с помощью шаблонов, т.Е. Lodash

3. codepen.io/gustitammam/pen/RRXGdj

4. например $('.progress-bar').css('width', varHere);

5. многие движки шаблонов и mvvm не поддерживают заполнители для атрибутов, поэтому неясно, может ли то, что вы используете, поддерживать это, но установка стиля непосредственно через jquery, как мой предыдущий комментарий, может это сделать

Ответ №1:

Вам пришлось бы использовать jQuery следующим образом:

 $(".progress").css("height": "30px");