jquery - 如何让 Jquery 使用 Bootstrap UI 计算两个日期之间的百分比

Question

我被困在 Jquery 中。我想要实现的是使用 Bootstrap 进度条并通过修改其样式使 Jquery 适应条的宽度。给定开始日期和结束日期，进度条会根据今天的日期计算完成百分比。

未通过结束日期时，它可以正常工作。但是当结束日期已经过去时会出现问题，它仍然应该说：100%，而不是继续计算超过 100%。如果有人可以看看它并改进我的数学，这可能会丢失一些东西。

这是我的 Jquery 代码：

var div_start = document.getElementById("StartDate");
var div_end   = document.getElementById("EndDate");
var start = new Date(div_start.innerHTML);
var end = new Date(div_end.innerHTML);
var today = new Date();

var total = end - start;
var progress = today - start;
var percent = Math.round(progress/ total * 100 ) + "%";
var div_per = document.getElementsByClassName('bar')[0];
div_per.style.width = percent;
div_per.innerHTML = percent;

我已经把它放在http://jsfiddle.net/CjeMD/4/