从javascript计数器制作进度条

我有一个从函数获取时间的javascript函数。它就像一个从00:00开始的计数器，并持续到一个固定的时间。定时器可以通过按钮暂停/恢复。它工作正常。从javascript计数器制作进度条

javascript函数给出时间和总时间！

现在我有两个CSS：

#seek-bg and #seek-bar

我要水平移动在寻求-BG的寻求吧。如果没有jQuery，可以这样做吗？

如何连接计时器和这些CSS？

代码！

#seek-bg { 
    height:3px; 
    background-color:black; 
    width:100px; 
    position:relative; 
} 

#seek-bar{ 
    background-color:white; 
    width:4px; 
    height:3px; 
}

来源

2013-03-21 WhatisSober

你'时间elapsed'和'总time'所以做一些数学和做一个百分比。你的'＃seek-bg'是'100px'宽，所以'＃seek-bar'是从时间和时间获得的百分比。显然你需要JavaScript，但jQuery本身当然是可选的。 – Sphvn 2013-03-21 01:31:15

你可以给你使用的js吗？（或者更好地做一个小提琴？） – 2013-03-21 01:36:56

我想继续前进寻找-BG水平的寻求吧。如果没有jquery，可以吗？

是的，这是可能的。看看HTML5进度条：

<progress value="10" max="100"></progress>

http://www.hongkiat.com/blog/html5-progress-bar/

DEMO

来源

2013-03-21 01:36:47 defau1t

谢谢，它的工作！ – WhatisSober 2013-03-21 01:58:56

你可能想勾选该框并将其标记为已接受的答案，最好也投票赞成:) – defau1t 2013-03-21 02:06:00

从javascript计数器制作进度条

回答

相关问题