以下優(yōu)選 GitHub 上高 star 的指示加載狀態(tài)的 JavaScript 庫。另外這里還有10個有意思的 JavaScript 實戰(zhàn)小項目供大家學(xué)習(xí)。

上期入口：一份數(shù)據(jù)分析學(xué)習(xí)清單.xls

Mprogress.js

創(chuàng)建谷歌 Material 設(shè)計風(fēng)格的線性進(jìn)度條。

GitHub：https://github.com/lightningtgc/MProgress.js

NProgress

在 Ajax’y 應(yīng)用顯示細(xì)長型進(jìn)度條

官網(wǎng)：http://ricostacruz.com/nprogress/

Spin.js

一個旋轉(zhuǎn)的進(jìn)度指示器。

GitHub：https://github.com/fgnass/spin.js

progress.js

為頁面任何對象創(chuàng)建和管理進(jìn)度條。

GitHub：https://github.com/usablica/progress.js

progressbar.js

用 SVG path 動畫制作的、漂亮和響應(yīng)式的進(jìn)度條。

GitHub：https://github.com/kimmobrunfeldt/progressbar.js

pace

自動向你的網(wǎng)站添加一個進(jìn)度條。

GitHub：https://github.com/HubSpot/pace

topbar

小巧漂亮的、與網(wǎng)站同寬的進(jìn)度指示器。

GitHub：https://github.com/buunguyen/topbar

nanobar

非常輕量的進(jìn)度條。不依賴 jQuery。

GitHub：https://github.com/jacoborus/nanobar

PageLoadingEffects

使用 SVG 動畫展現(xiàn)新內(nèi)容的現(xiàn)代方式。

GitHub：https://github.com/codrops/PageLoadingEffects

SpinKit

運用 CSS 動畫的加載指示器集合。

GitHub：https://github.com/tobiasahlin/SpinKit

Ladda

內(nèi)置在按鈕的加載指示器。

GitHub：https://github.com/hakimel/Ladda\

css-loaders：

運用 CSS 動畫的旋轉(zhuǎn)加載指示器的集合。

GitHub：https://github.com/lukehaas/css-loaders

今日推薦

20個Java練手項目，獻(xiàn)給嗜學(xué)如狂的人

大牛推薦的10本學(xué)習(xí) Python 的好書

別再說找不到Python練手項目了，這80個拿去過冬

40個大數(shù)據(jù)學(xué)習(xí)資源

PHP學(xué)習(xí)資源整理：入門到進(jìn)階全系列

8個程序員專用軟件/網(wǎng)站，個個是神器，第一個最驚喜…

Java進(jìn)階之設(shè)計模式

Scala 開發(fā)教程

Hadoop部署及管理

RabbitMQ 消息隊列

Redis基礎(chǔ)教程

Shell腳本實現(xiàn)打字游戲

Python3 實現(xiàn)色情圖片識別

超強(qiáng)干貨來襲 云風(fēng)專訪：近40年碼齡，通宵達(dá)旦的技術(shù)人生

總結(jié)

以上是生活随笔為你收集整理的【清单】值得「等待」的12个指示加载状态的 js 库的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。