cocos creator 3.7资源加载进度条

在 Cocos Creator 3.7 版本及以上，可以通过 `cc.resources` 模块来加载资源，并使用 `cc.ProgressBar` 组件来创建一个资源加载进度条。具体的实现步骤如下：

1. 创建一个进度条节点

在场景编辑器中创建一个节点，并添加 `cc.ProgressBar` 组件。设置进度条的样式、位置、大小等属性。

2. 加载资源时更新进度条

使用 `cc.resources` 模块加载资源时，可以使用 `onProgress` 方法监听进度，根据已经加载的资源数和总资源数来计算加载进度，并将进度条的百分比设置为相应的值。

// 加载资源的过程中
cc.resources.loadDir("resources", { type: 'png' }, (completedCount, totalCount, item) => {
    let percent = completedCount / totalCount;
    progressBar.progress = percent; // 设置进度条的百分比
}, (err, assets) => {
    // 加载完成后的回调
});

其中，`loadDir` 方法用于加载资源目录中的所有资源，`type` 表示要加载的资源类型，`completedCount` 表示已经加载的资源数，`totalCount` 表示总资源数，`item` 表示当前加载的资源信息。`percent` 表示已经加载的资源数占总资源数的百分比，`progress` 是 `cc.ProgressBar` 组件的进度属性，将其设置为相应的值即可更新进度条。

3. 加载完成时隐藏进度条

当资源加载完成时，可以将进度条节点隐藏起来。

// 资源加载完成后
progressNode.active = false; // 隐藏进度条节点

这样，你就可以在 Cocos Creator 3.7 中使用 `cc.resources` 模块和 `cc.ProgressBar` 组件来创建一个资源加载进度条了。