25 lines
589 B
JavaScript
25 lines
589 B
JavaScript
var bricks = window.bricks || {};
|
|
|
|
bricks.ProgressBar = class extends bricks.HBox {
|
|
/*
|
|
options:
|
|
total_value
|
|
bar_cwidth
|
|
event:
|
|
*/
|
|
constructor(opts){
|
|
super(opts);
|
|
this.set_css('progress-container');
|
|
this.text_w = new bricks.Text({text:'0%', cheight:this.bar_cwidth||2});
|
|
this.text_w.set_css('progress-bar')
|
|
this.add_widget(this.text_w);
|
|
}
|
|
set_value(v){
|
|
var pzt = this.total_value ? (v / this.total_value) * 100 : 0;
|
|
pzt = Math.max(0, Math.min(100, pzt));
|
|
this.text_w.set_style('width', pzt + '%')
|
|
}
|
|
}
|
|
bricks.Factory.register('ProgressBar', bricks.ProgressBar);
|
|
|