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

allow for squared-styled progress bars

Browse source
This commit is contained in:
rlx 2016-01-12 19:01:15 +05:30
parent 32252a1dfd
commit 1734bcc66f
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
source/UI/css/UI.css
View file

@ -233,6 +233,12 @@ Bars
border-radius: 8px;
margin: -1px;
}
.OxProgressbar.OxSquared,
.OxProgressbar.OxSquared .OxTrack,
.OxProgressbar.OxSquared .OxProgress {
border-radius: 4px;
}
.OxProgressbar .OxProgress.OxAnimate {
-webkit-animation: progress 1s linear infinite;
}

7
source/UI/js/Bar/Progressbar.js
View file

@ -30,6 +30,7 @@ Ox.Progressbar = function(options, self) {
cancelled: false,
paused: false,
progress: 0,
style: 'default',
showCancelButton: false,
showPauseButton: false,
showPercent: false,
@ -50,7 +51,11 @@ Ox.Progressbar = function(options, self) {
!self.options.paused && !self.options.cancelled && setProgress(true);
}
})
.addClass('OxProgressbar')
.addClass('OxProgressbar' + (
self.options.style != 'default'
? ' Ox' + Ox.toTitleCase(self.options.style)
: ''
))
.css({width: self.options.width - 2 + 'px'});
self.indeterminate = self.options.progress == -1;