在 Django 中，widthratio 是一个模板标签，用于在模板中执行简单的数学计算，并生成一个比例值。它的主要作用是根据给定的数值和范围，计算出相应的比例值，常用于绘制图表、进度条或根据数据生成动态样式。
语法
{% widthratio value max_value 100 %}
参数说明：
value: 当前数值（被计算的数值）。max_value: 最大值，用于计算比例的基准。100: 期望的比例值的范围，通常是 100，表示计算结果以百分比形式返回。
使用方法
- 在 Django 模板中，加载模板标签库：
{% load humanize %}
- 使用
widthratio标签：
{% widthratio value max_value 100 %}
使用场景： widthratio 适用于各种场景，其中最常见的用法之一是创建动态进度条，根据给定的数值和最大值，计算出相应的比例，然后将其用于设置进度条的宽度。
代码示例： 假设我们有一个 Django 视图，它传递了以下数据给模板：
views.py:
from django.shortcuts import render
def progress_demo(request):
value = 75
max_value = 100
return render(request, 'progress_demo.html', {'value': value, 'max_value': max_value})
progress_demo.html:
{% load humanize %}
<!-- 设置进度条的外框 -->
<div class="progress-container">
<!-- 根据 value 和 max_value 计算比例，然后设置进度条的宽度 -->
<div class="progress-bar" style="width: {% widthratio value max_value 100 %}%;">
{{ value }} / {{ max_value }}
</div>
</div>
CSS 样式可以是如下的定义：
.progress-container {
background-color: #f1f1f1;
border: 1px solid #ddd;
border-radius: 5px;
height: 20px;
margin-top: 10px;
}
.progress-bar {
background-color: #4CAF50;
color: white;
font-weight: bold;
height: 100%;
text-align: center;
border-radius: 5px;
}
在上述示例中，我们将 value 设置为 75，max_value 设置为 100。通过使用 widthratio 模板标签，我们将根据这些值计算进度条的宽度，并动态地显示“75% / 100”。这使得进度条的宽度随着 value 的变化而动态调整，从而呈现出不同的进度状态。
请注意，这只是一个简单的示例，实际应用中，你可以根据自己的需求和设计美化进度条，并根据具体的数据和样式来应用 widthratio 标签。