progressPlugin - 路由加载进度条

什么是 progressPlugin？

progressPlugin 是一个用于显示路由加载进度条的插件。当用户在不同路由之间跳转时，会在页面顶部显示一个进度条，让用户知道页面正在加载中。

启用插件

import { createRouter, progressPlugin } from '@pro/router'

// 在路由配置中启用
const router = createRouter({
  // ... 其他配置
  plugins: [
    progressPlugin()
  ]
})

实际效果

当你使用这个插件后，在路由跳转时会看到：

1. 开始加载：页面顶部出现进度条，从 0% 开始
2. 加载中：进度条逐渐增长，给用户加载反馈
3. 加载完成：进度条达到 100%，然后平滑消失