Question

我正在尝试创建一个带有3个日期的进度条样式时间轴，并从中构建进度条。我在这里发现了一个有用的帖子，我曾经用它构建了这个基础知识，但它并没有完全符合我的要求。

简单地说，我希望0％为12/01 / 13,100％为12/25/13，然后进度条显示今天之间的日期。我已经使用一些javascript来设置进度条来进行倒计时，但我不确定它的计算方法是什么，因为它已经达到了85％。从今天是第6天，它应该只有~24％。

http://eklipztv.com/010110/

^演示|代码v

<script type='text/javascript'> 
$(function(){
var target = new Date('12/25/2013'),
    today = new Date(),
    daysToGo = Math.ceil((target.getTime() - today.getTime() ) / (1000*60*60*24)),
    percent = 100 - daysToGo;

$("#progressbar").progressbar({
    value: percent,
    create: function(event, ui) {
        $('.ui-progressbar');
    }
});
});  

</script>

Answer 1

你的百分比计算是错误的。

您应该执行以下操作：

var percent = 1 - daysToGo/25

25岁12月1日至12月25日。现在你的百分比是小数，方程0.24。如果您想要百分比，请将其乘以100。

Answer 2

你可以把它放在你的代码中：

var start = new Date('12/01/2013'),
    target = new Date('12/25/2013'),
    today = Date.now(),
    percent = (today-start)/(target-start)*100;

Javascript进度条时间轴

2 个答案: