从javascript计数器创建进度条

Question

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

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

现在我有两个CSS：

#seek-bg and #seek-bar

我想在seek-bg上水平移动搜索栏。没有jquery可以这么做吗？

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

代码！

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

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

Answer 1

  

我想在seek-bg上水平移动搜索栏。是否有可能   没有jquery吗？

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

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

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

DEMO