网站设计：构建定制响应进度条与ProgressBar.js

这个免费的开源库没有依赖性，并支持所有主流浏览器，包括IE9 +。

网站制作

默认情况下，你可以使用一个简单的吧，或者你可以从几个基本的形状选择，如：

• 单线
• 半圆
• 完整的循环
• 广场
• 三角形

你也可以设计自己的自定义形状如心脏，云，或您网站的标志，甚至刻字。诚然，这将需要一些努力，但最终的结果可不得了。

图书馆工作在SVG路径，所以如果你能建立一个轮廓形状使用SVG的标记就可以制作动画这个进度条库。

动画还可以包括文本或已自定义的启动/停止模式。在完整的API有与选项/回调的更多详细信息，您可以在您的休闲细读。

ProgressBar.js也有一个小的安装指南，你可以下载和设置脚本使用鲍尔，NPM，或者更简单GitHub的页面。

如果你做任何事情打造清凉你可以提交你的代码到GitHub库。该项目的创建者，基莫Brunfeldt有一个开放的GitHub问题，在这里你可以提交定制设计要包括在库中。

您可以添加动画进度条到注册页面，上传领域，或任意网页预加载。该选项仅受限于如何详细你愿意得到的。

比如，我喜欢的密码强度仪的演示，因为它提供真正的目的，并有利于用户体验。这个例子自带打包插件，这样你就可以复制这一点，它修改自己的喜好。

看到更多的例子，检查出ProgressBar.js网页或者采取偷看在此小提琴 demoing的心脏动画。