У меня есть приложение, в котором люди могут читать новости и комментарии. Затем эти комментарии анализируются с использованием методов НЛП, а комментарии делятся на две категории как положительные и отрицательные. То, что я хочу сделать, это отобразить, какой процент комментариев является положительным и какой процент комментариев является отрицательным по каждому элементу новостей. Поэтому я добавил [id, headline, newsText, date, positiveCommentPercentage, absoluteCommentPercentage] данные каждый новостной элемент в список Python, добавляя его в другой список и передавая его на веб-страницу.
list = [id, headline, newsText, date ,positiveCommentPercentage ,negativeCommentPercentage ]
newsData.append(list)
template = 'AppOne/news.html'
return render(request, template, {'nd': newsData})
Я мог бы успешно отобразить заголовок, новости и дату на веб-странице. следующим образом:
<div>
{% for x in nd %}
<h2>{{x.1}}</h2>
<h5>{{x.2}}</h5>
<h6>{{x.3}}</h6>
{% endfor %}
</div>
Но я хочу показать количество «процентов положительных комментариев» и «количества процентов отрицательных комментариев» под каждым новостью в виде двух полос прогресса, как показано на рисунке 
Поэтому я попытался использовать индикаторы прогресса html, показанные на сайте w3schools.
<div class="w3-light-grey w3-round">
<div class="w3-container w3-blue w3-round" style="width:60%">60%</div>
У меня вопрос: как установить значения positiveCommentPercentage, absoluteCommentPercentage, передаваемые из списка python, в атрибут ширины стиля div.
Я использую Django framework. Поэтому, пожалуйста, помогите мне сделать это или предложите новый способ, используя любой простой способ.