如何增加条的宽度(Kendo + Angular)

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-your-component',
  template: '<div id="myBar" #myBarRef></div>'
})
export class YourComponent {
  @ViewChild('myBarRef', { static: true }) myBar: ElementRef;

  // 其他组件代码...
}

import { Component, ViewChild, ElementRef } from '@angular/core';
import { ProgressBar } from '@progress/kendo-angular-progressbar';

@Component({
  selector: 'app-your-component',
  template: '<kendo-progressbar [value]="value" [width]="barWidth"></kendo-progressbar>'
})
export class YourComponent {
  @ViewChild(ProgressBar, { static: true }) progressBar: ProgressBar;
  barWidth: string = '200px'; // 设置宽度为200像素
  value: number = 50; // 设置进度条的值

  ngAfterViewInit() {
    this.progressBar.setOptions({ width: this.barWidth });
  }

  // 其他组件代码...
}