React 頂部進度條
瞎扯
在做Ajax 請求,或者請求相關資源的時候, 需要有一個進度條來讓頁面看起來更加的自然,簡潔美觀. 在 存JS 下,有很多 progress的實現方式, 這里提供一個 react 下的實現方式.
React中 如何使用
- 引入 pace.js 和 pace.css
import Pace from './common/js/pace'
import './common/css/pace.less'
- 開始顯示 progress 挑
Pace.start()
- 然后看效果即可. 就這么簡單
當然,效果有那么多種,如何改變效果呢?
github 源碼地址 這里面的 DOWNLOAD 里面其實是樣式,復制替換到 pace.css即可
效果圖:
Paste_Image.png
原文地址: 頁面頂部Progress加載進度條
