进度条是由网络上的大多数用户广为人知。对于开发人员来说，它往往是一个复杂的过程，从头开始创建一个进度条。但随着ProgressBar.js你不就得了！
这个免费的开源库没有依赖性，并支持所有主流浏览器，包括IE9 +。
网站制作
默认情况下，你可以使用一个简单的吧，或者你可以从几个基本的形状选择，如：
- 单线
- 半圆
- 完整的循环
- 广场
- 三角形
你也可以设计自己的自定义形状如心脏，云，或您网站的标志，甚至刻字。诚然，这将需要一些努力，但最终的结果可不得了。
图书馆工作在SVG路径，所以如果你能建立一个轮廓形状使用SVG的标记就可以制作动画这个进度条库。
动画还可以包括文本或已自定义的启动/停止模式。在完整的API有与选项/回调的更多详细信息，您可以在您的休闲细读。
ProgressBar.js也有一个小的安装指南，你可以下载和设置脚本使用鲍尔，NPM，或者更简单GitHub的页面。
如果你做任何事情打造清凉你可以提交你的代码到GitHub库。该项目的创建者，基莫Brunfeldt有一个开放的GitHub问题，在这里你可以提交定制设计要包括在库中。
您可以添加动画进度条到注册页面，上传领域，或任意网页预加载。该选项仅受限于如何详细你愿意得到的。
比如，我喜欢的密码强度仪的演示，因为它提供真正的目的，并有利于用户体验。这个例子自带打包插件，这样你就可以复制这一点，它修改自己的喜好。
看到更多的例子，检查出ProgressBar.js网页或者采取偷看在此小提琴 demoing的心脏动画。
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/tech/courses/259300.html