development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-08-28 21:39:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

progress bar: set aria roles

Browse source 
#109219
This commit is contained in:
isidor 2020-10-23 17:00:24 +02:00
parent a6af283f29
commit ea006a72c0
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/vs/base/browser/ui/progressbar/progressbar.ts
View file

@ -57,6 +57,7 @@ export class ProgressBar extends Disposable {
private create(container: HTMLElement): void {
this.element = document.createElement('div');
this.element.classList.add('monaco-progress-container');
this.element.setAttribute('role', 'progressbar');
container.appendChild(this.element);
this.bit = document.createElement('div');
@ -136,6 +137,7 @@ export class ProgressBar extends Disposable {
total(value: number): ProgressBar {
this.workedVal = 0;
this.totalWork = value;
this.element.setAttribute('aria-valuemax', value.toString());
return this;
}
@ -173,6 +175,7 @@ export class ProgressBar extends Disposable {
this.element.classList.remove(CSS_INFINITE, CSS_DONE);
this.element.classList.add(CSS_ACTIVE, CSS_DISCRETE);
this.element.setAttribute('aria-valuenow', value.toString());
this.bit.style.width = 100 * (this.workedVal / (totalWork)) + '%';