时间戳

首页 > 解决方案 > 如何使用 django 变量内联编写 CSS？

html - 如何使用 django 变量内联编写 CSS？

问题描述

我用引导程序创建了一个进度条。这是有一个style属性来设置进度宽度的地方。我将进度链接到模型以检索值。如下。

{% for k in kelas %}
   <div class="col-sm-6">
      <div class="progres">
         <div class="kelas mb-2">{{ k.namaKelas }}</div>
         <div class="progress">
            <div class="progress-bar" role="progressbar" style='width:{{k.get_percent}}%' aria-valuenow="{{ k.get_percent }}" aria-valuemin="0" aria-valuemax="100">{{ k.get_percent }}%</div>
         </div>
      </div>
   </div>
{% endfor %}

但此时style='width:{{k.get_percent}}%'对进度宽度没有任何反应。并且在 html 文件中它显示为红色，因为有一个代码被认为是错误的。

我怎样才能获得一个变量以包含该风格的 django？

标签： htmlcssdjango

解决方案

我做了同样的事情，但它对我有用！

<div class="progress" style="height: 30px;">
    <div class="progress-bar  bg-info " role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"
        style="width: {{data.type_n}}%">
        <h4>{{data.type_n}}% </h4>
    </div>
</div><br>

推荐阅读