0x2620/oxjs
2
0
Fork 2
Code Issues 172 Pull requests Releases Wiki Activity

add progress bar demo

Browse source
This commit is contained in:
rolux 2011-09-01 23:38:57 +02:00
commit 16ef28d260
8 changed files with 148 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

36
demos/progress/js/progress.js Normal file
View file

@ -0,0 +1,36 @@
Ox.load('UI', {debug: true, theme: 'modern'}, function() {
var $progressbar = Ox.Progressbar()
.css({margin: '16px'})
.appendTo(Ox.UI.$body)
.start(),
$status = Ox.Label({
width: 256
})
.css({marginLeft: '16px'})
.appendTo(Ox.UI.$body);
$percent = $('<div>')
.css({float: 'left', width: '60px', fontWeight: 'bold'})
.appendTo($status);
$remaining = $('<div>')
.css({float: 'left', width: '180px', textAlign: 'right'})
.appendTo($status);
progress = 0,
i = 0,
interval = setInterval(function() {
if (Math.random() < 0.25) {
progress += 0.01;
$progressbar.options({progress: progress});
}
if (i % 10 == 0 || progress >= 1) {
var status = $progressbar.status();
$percent.html(status.percent);
$remaining.html('Remaining: ' + status.remaining);
}
if (progress >= 1) {
clearInterval(interval);
}
i++;
}, 25);
});