帶進度條的登陸界麵 – FORT.JS

今天向大家分享一個交互不錯的登陸界麵，請看下麵的GIF動畫圖像，這個登陸界麵和普通登陸界麵的區別就是它多了一個進度條設計。當用戶輸入用戶名、密碼等操作，進度條也跟滾動，直到你把所有文章框輸入完成後，進度條就會加載到100%了。

Fort.js 插件截圖

Fort.js的進度條設計簡約精美，適用大部分Web端項目。目前實現了4個不同風格，你可以根據你自己的喜好來選擇對應的進度條效果。

請點擊下麵鏈接查看DEMO：

STEP1: 外部文件加載
嵌入對應樣式和js文件

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

STEP2: HTML
這是進度條的元素。

<body> <div > <div ></div> </div>

STEP3: JS
JS指加在表單內容下麵，否則不能運行。

<body> ... <script> gradient(); </script> </body>

啟用對應進度條效果請參照：
Default | solid()
Gradient | gradient()
Sections | sections()
Flash | flash()

下載地址：github

最後更新：2017-11-09 14:35:45