10款Javascript进度条和加载中动画插件

进度条可以显示已经进行的以及剩下的进度。它们可以用来描述正在进行的任何事情的状态。所以,这里有15个Javascript进度条和加载中动画插件,可以帮助您通过几个文件和代码行轻松地显示任务的进度。

ScrollProgressBar.js

scrollprogressbar.js

超轻量且强大的库,用于显示用户在网页上滚动的距离。

 

Pace

pace

此库可以自定义CSS主题,这个漂亮的进度条指示器可用于页面导航和ajax请求上

 

NProgress.js

ngprogress.js

这是一个无依赖的js插件,在页面顶部显示了一个进度栏,可以在页面跳转及ajax请求中很容易地使用。

 

ProgressBar

progressbar

带有动画SVG路径的响应式和流畅的进度条。使用内置形状或可以创建自己的形状路径。

 

Scrollpup

scrollup

这是一款小而美的页面滚动进度的纯Javascript插件。

 

Nanobar

nanobar

与NProgress非常相似一款插件,但是增加了随机增量功能,该功能可以让你不知道特定位置的情况下显示进度。

 

ProgressJs

progressjs

这是一个比较老的纯JavaScript和CSS3库,可以让我们为页面上的每个元素创建和管理进度条。

 

Material Progress

material progress

此库拥有Google Material Design的样式,非常漂亮,而且不依赖于任何其他库的CSS和js。

 

Ep

ep

帮你增强原生html标签<progress>的功能

 

scrollProgress

scrollProgress

非常小的一个页面滚动进度条库,可以为文章显示阅读进度,非常友好