引导进度条未加载进度

Question

我试图将进度条链接到我的 SQLite3 数据库列，以显示每个人在面试过程中的进度。 我已经用我的数据库中的列替换了宽度，该列显示了他们在流程中的步骤（例如 1、2、3、4、5），但每个人的栏都显示为空白。

为什么这行不通？

pick_list.html

<tr id="{{ pick.pk }}">
    <td><img src="http://127.0.0.1:8000/media/files/{{ pick.photo }}" width="50"/></td>
    <td><a href="{% url 'app:lead-list' pick.pk %}" title="Leads">{{ pick.name }}</a></td>
    <td>{{ pick.hometown }}</td>
    <td>{{ pick.occupation }}</td>
    <td>{{ pick.age }}</td>
    <td>
    <div class="progress">
        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="{{ pick.step }}"></div>
    </div>
    </td>
    <td style="text-align: center;">
        <a href="" class="btn btn-sm border-0 reorder" title="Reorder">
            <i class="fa fa-sort text-secondary"></i></a>
    </td>
</tr>

model

class Pick(models.Model):

    name = models.CharField(max_length=50, verbose_name='Name', null=True, blank=True)
    photo = models.ImageField(upload_to="media", max_length=500, verbose_name='Photo', null=True, blank=True)
    hometown = models.CharField(max_length=50, verbose_name='Hometown', null=True, blank=True)
    age = models.IntegerField(verbose_name='Age', null=True, blank=True)
    step = models.IntegerField(verbose_name='Progress', null=True, blank=True)    occupation = models.CharField(max_length=50, verbose_name='Occupation', null=True, blank=True)
    rank = OrderField(verbose_name='Rank', null=True, blank=True)


    def __str__(self):
        return self.name

    def get_fields(self):
        return [(field.verbose_name, field.value_from_object(self)) for field in self.__class__._meta.fields]
    
    def get_absolute_url(self):
        return reverse('app:pick-update', kwargs={'pk': self.pk})

    class Meta:
        db_table = 'pick'
        ordering = ['rank']
        verbose_name = 'Pick'
        verbose_name_plural = 'Picks'

视图.py

class PickList(LoginRequiredMixin, CoreListView):
    model = Pick

'''
    def user_picks(request):
        Pick.objects.filter(submitter='rwcg2d')
        return render(request, 'app/pick_list.html', {'Pick': Pick})
'''
class PickCreate(LoginRequiredMixin, AjaxCreateView):
    model = Pick
    form_class = PickForm

    # def get_redirect_url(self):
    #     return reverse_lazy('app:home')


class PickUpdate(LoginRequiredMixin, AjaxUpdateView):
    model = Pick
    form_class = PickForm

class PickDelete(LoginRequiredMixin, AjaxDeleteView):
    model = Pick

class PickDetail(LoginRequiredMixin, AjaxDetailView):
    model = Pick
    # form_class = PickForm

Answer 1

问题似乎来自将样式属性设置为一个值，即style="{{ pick.step }}"而不是style="width: 75%"之类的东西。 您需要计算百分比并相应地传递它