jquery - 计算进度

标签 jquery

我正在尝试用 jQuery 编写一个基本的进度条。我得到了所有将以百分比显示进度的部分,只需要调试我的数学。

因此,如果我从 130 个问题开始,每次回答问题时我都需要重新计算并显示进度。

这就是我所做的

var questID // is current question ID, from 1 to 130

var startCount = 130;
var currentCount = startCount - questID;
var progress = Math.floor(currentCount / startCount * 100);
$("#progressBar").width(progress);

我认为我得到了一些倒退的东西,因为当我测试第一个问题后我得到了 99%...可能需要更多的咖啡因。

最佳答案

您的currentCount逻辑是错误的。如果您已回答 1 个问题,则:

var currentCount = 130 - 1 = 129.

然后 129/130 将为您提供 99%。您只需要 1/130。因此您可以使用questID:

var questID // is current question ID, from 1 to 130

var startCount = 130;
var progress = Math.floor(questID / startCount * 100);
$("#progressBar").width(progress);

关于jquery - 计算进度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13646432/

相关文章:

javascript - jQuery 仅删除第一个 div 一次

jquery - 删除不包含特定类的html元素

javascript - Jquery if 条件为鼠标离开或鼠标进入

javascript - 页面加载后将 iframe 源加载到 Foundation Modal

javascript - 动态添加内容时平滑 Div 扩展和滚动

javascript - 使用滚动事件正确实现 GA 增强型电子商务 addImpression

javascript - 在定时器中调用 lap 函数

jQuery - 表单重置后更新选择字段

javascript - JavaScript 循环产生意外结果

php - 如何将PHP应用程序连接到数据库