mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-30 12:33:43 +03:00
23 lines
511 B
TypeScript
23 lines
511 B
TypeScript
'use strict';
|
|
import { Input, HostBinding, Component, OnChanges } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'loading-bar',
|
|
template: `
|
|
<span [style.width]='progress + "%"'> </span>
|
|
`,
|
|
styleUrls: ['loading-bar.scss']
|
|
})
|
|
export class LoadingBar implements OnChanges {
|
|
@Input() progress:number = 0;
|
|
@HostBinding('style.display') display = 'block';
|
|
|
|
ngOnChanges(ch) {
|
|
if (ch.progress.currentValue === 100) {
|
|
setTimeout(() => {
|
|
this.display = 'none';
|
|
}, 500);
|
|
}
|
|
}
|
|
}
|