Как использовать переменную Django в качестве значения ширины в теге стиля в HTML?

Я пытаюсь использовать переменную Django в качестве значения ширины в процентах в теге стиля в HTML, но это не работает. Я заметил, что он не позволяет мне использовать фигурные скобки {} вообще в тегах стиля, что не имеет смысла, потому что из того, что я видел в Интернете, он должен позволять это.

Я хочу, чтобы это было так: 

<div class="progress" style="height: 40px;">
    <div class="progress-bar" role="progressbar" style="width:{{ value }}%">{{ value }}%</div>
</div>

по какой-то причине, когда я делаю это, я сразу получаю ошибку из-за использования фигурных скобок {{}}: Image of my error

Ошибка: "значение свойства ожидается css(css-propertyvalueexpected)"

Я также попробовал использовать этот метод:

{% with "width: "|add:value|add:"%" as percent_style %}
   <div class="progress-bar" role="progressbar" style=style="{{ percent_style }}">{{ value }}%</div>
{% endwith %}

но и это не сработало...

Заранее спасибо.

Обновление: Я отключил html validate styles в настройках Visual Studio Code и теперь я не получаю ошибку в vs code и она также работает в браузере. Я был озадачен, почему он не работает в браузере в первую очередь, поэтому я снова включил html validate styles и он все еще работает в браузере, несмотря на ошибку vs code. Так что, должно быть, у меня была какая-то опечатка, когда я пытался загрузить его в браузер изначально.

ваша переменная match_percentage_card.2 если 2 - это свойство, то для доступа к нему нужно использовать [] вот так match_percentage_card[2]

solution : do this: instead of match_percentage_card.2 write  match_percentage_card[2]
Вернуться на верх