如何实现加载网页并显示进度条，加载成功后，隐藏进度条？

import { webview } from '@kit.ArkWeb'; //导入ArkWeb库
@Entry
@Component
struct Index {
  controller: webview.WebviewController = new webview.WebviewController(); //创建Web的控制器
  @State progress: number = 0 //网页加载进度0-100
  build() {
    Column() {
      Progress({ value: this.progress, type: ProgressType.Linear })//当进度在0-100时显示进度条，加载完毕后隐藏进度条
        .visibility((this.progress > 0 && this.progress < 100) ? Visibility.Visible : Visibility.Hidden)
      Web({
        src: "https://developer.huawei.com/consumer/cn/",
        controller: this.controller//将控制器传给Web组件
      }).width("100%")
        .height("100%")
        .onProgressChange((event) => {
          if (event) {
            this.progress = event.newProgress
          }
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}