Fort.js 表单填写进度提示插件

发布于 2020-03-21 13:33:50 字数 1247 浏览 1368 评论 0

Fort.js 是一款用于时尚、现代的表单填写进度提示效果的 JavaScript 库,你需要做的就是添加表单,剩下的任务就交给 Fort.js 算法了,使用非常简单。提供了 Default、Gradient、Sections 以及 Flash 四种效果,满足开发的各种场合需要。

使用方法

用 Fort.js 很简单,很简单。所有你要做的就是插入 fort.min.jsfort.min.css<head>

<link rel="stylesheet" href="fort.min.css">
<script src="fort.min.js"></script>

HTML 代码

<head>
  <script src="fort.min.js"></script>
  <link rel="stylesheet" href="fort.min.css">
</head>
<body>
  <script>
  flash()
  </script>
</body>

认为进度条的速度太慢或太快?不用担心。在样式表中可以改变所需的速度。

transition: all 1s;

另外如果您喜欢底部而不是顶部,只需更改样式表即可。top: 0; 到 bottom: 0; 在样式表中。

想改变高度吗?打开样式表并更改 height: 4px; 和你喜欢的一样。

github 地址:https://github.com/Degico/Fort.js

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84961 人气
更多

推荐作者

醉城メ夜风

文章 0 评论 0

远昼

文章 0 评论 0

平生欢

文章 0 评论 0

微凉

文章 0 评论 0

Honwey

文章 0 评论 0

qq_ikhFfg

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文