测验应用程序中的进度栏

用户名

我要自定义此测验应用程序:

https://github.com/tomwalker/django_quiz

实施进度条以帮助用户了解他在测验中的进步。但是我不确定使用此模板中的引导程序代码最简单的方法是什么:

<div class="progress">
  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
    <span class="sr-only">20% Complete</span>
  </div>
</div>

views.py上有此视图:

def user_new_quiz_session(request, quiz):
    """
    initialise the Sitting class
    """
    sitting = Sitting.objects.new_sitting(request.user, quiz)



    if 'page_count' not in request.session:
        request.session['page_count'] = int(0)  #  session page count for adverts

    return user_load_next_question(request, sitting, quiz)

如果我在问题中使用count方法,它将仅显示在第一页中。但我想在整个测验中都有一个进度条。我应该怎么做?

小酒馆

我只是简要地看了一下您的源代码,因此尽管不是完整的解决方案,但这些是解决该问题的方法的一些想法。

您可以尝试向Sitting模型中添加字段/方法,以计算就座问题的数量。

然后,在视图中,user_load_next_question您可以通过将进度除以page_count现在可以通过就座对象访问的问题数量来计算进度一些简单的数字和字符串操作将为您提供模板中所需的数字,用于计算进度百分比。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

控制台应用程序中的进度栏

我在列表中的进度栏未在WPF应用程序中更新

如何在iPhone应用程序中以编程方式添加简单的默认加载(进度)栏

使用Java的GUI应用程序的进度栏

如何在扑朔迷离的测验应用程序中保存进度?

遍历测验应用程序中的对象数组

如何在测验应用程序中创建后退按钮

在测验应用程序android的结果中显示正确答案

我的测验应用程序未显示测验选项

Rails测验应用程序获取结果

多种选择的测验应用程序

测验应用程序-连续语句错误

面向对象的测验应用程序

在Java Swing应用程序中闪亮进度条

应用程序中的岩石,纸,剪刀游戏进度

UWP:应用程序栏/命令栏中的图标大小

如何实现Gmail Android应用程序中使用的更流畅,不确定的进度栏

wxWidgets windows 10 应用程序的任务栏进度条

运行Gradle应用程序时如何摆脱执行/进度栏?

如何使启动器进度栏与我的应用程序一起使用?

.NET MVC / JS / JQUERY中的测验应用程序,如何防止作弊?

如果用户在测验应用程序中回答 10 个问题,如何完成操作

如何在我的android测验应用程序中为每个问题实现时隙

如何确保测验应用程序中显示正确的答案选择?

如何在Angular测验应用程序中显示选项1的说明?

为什么我的测验应用程序中的问题之间的导航不起作用?

如何为聊天应用程序中的民意测验设计数据库架构?

基于测验的应用程序中带有嵌套 setOnClickListener 的 RecyclerView

测验应用程序中的最后一个分数不会增加/增加