电话缺口 - 带进度条的时间跟踪器

时间:2014-01-02 08:14:14

标签: html5 cordova time progress

我是phonegap的新手,我想实现时间跟踪器进度条,即 我希望每次显示进度条对应,例如你工作了3个小时,所以在时间跟踪器中我显示对应3小时的进度条

我搜索了几个论坛,但我无法找到任何解决方案。

请帮助我。

1 个答案:

答案 0 :(得分:0)

在问题上并非100%明确,但这是一个黑暗的镜头:

要制作进度条并显示进度,您必须有一个目标(例如:要显示3小时的工作进度条,您必须知道需要多少工作。所以如果需要8小时,那么我们可以显示什么百分比3小时是8小时)

以下是基于8小时工作中的3小时的工作示例:

var goal = 8;
var currentTotal = 3;

var progress = (goal / currentTotal);
document.getElementById('progress-indicator').style.width = progress + '%';

然后在html:

<div id="progress" style="width: 100%;">
    <div id="progress-indicator" style="width: 0%;"></div>
</div>