從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計數器製作進度條

回答

相關問題