Javascript进度条时间线

Javascript进度条时间线,javascript,progress-bar,timeline,Javascript,Progress Bar,Timeline,我正在尝试创建一个进度条样式的时间线,它包含3个日期,并从中构建一个进度条。我在这里找到了一个有用的帖子,我曾经在这里建立了一些基础知识,但它并不能完全满足我的需要 简单地说,我希望0%为2013年12月1日,100%为2013年12月25日,然后在进度条上显示今天的日期。我已经使用一些javascript设置了一个进度条来进行倒计时,但我不确定它是从什么开始计算的,因为它已经达到了85%。因为今天是第6天,所以应该只有约24% ^演示|代码v <script type='text/ja

我正在尝试创建一个进度条样式的时间线,它包含3个日期,并从中构建一个进度条。我在这里找到了一个有用的帖子,我曾经在这里建立了一些基础知识,但它并不能完全满足我的需要

简单地说,我希望0%为2013年12月1日,100%为2013年12月25日,然后在进度条上显示今天的日期。我已经使用一些javascript设置了一个进度条来进行倒计时,但我不确定它是从什么开始计算的,因为它已经达到了85%。因为今天是第6天,所以应该只有约24%

^演示|代码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>

$(函数(){
var目标=新日期('12/25/2013'),
今天=新日期(),
daysToGo=Math.ceil((target.getTime()-today.getTime())/(1000*60*60*24)),
百分比=100天的剩余时间;
$(“#progressbar”).progressbar({
值:百分比,
创建:函数(事件、用户界面){
$('ui progressbar');
}
});
});  

是您的百分比计算错误

你应该这样做:

var percent = 1 - daysToGo/25
25年12月1日至12月25日。
现在你的百分比是小数,等式0.24。如果需要百分比,请将其乘以100。

您可以将其放入代码中:

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

工作完美。我不会想到的。Javascript不是我的强项。