raining入力フォームの画面上部に入力の進捗状況を示すプログレスバーを表示することができる、Javascriptのスクリプト「Fort.js」をご紹介します。「Fort.js」を使用するとフォームを入力した時に進捗状況のプログレスバーをアニメーションで表示することができます。ダウンロードはこちらまた、「Fort.js」はjQueryを使用しないで動作するスクリプトです。下記にJavascriptのスクリプト「Fort.js」を使用して進捗状況を知らせるプログレスバーを表示させた時の方法をメモします。ライセンスはMITです。「Fort.js」をダウンロードします。【共通で読み込むファイル】ダウンロードしたスクリプトとスタイルを読み込みます。headタグに下記のコードを記述します。src="fort.min.js"></script>【HTML】bodyタグの後にプログレスバーを表示する時に使用するdivタグを記述します。</div>【JS】bodyの閉じタグの前に「Fort.js」のスクリプトを記述します。画面上部にプログレスバーが表示するようになります。エフェクトは他にもあります。solid()flash()gradient()sections()ログイン画面などの入力フォームで活用できそうです。スタイルシートなどを変更すればプログレスバーの色やサイズなども変えることができます。コメントをキャンセルメールアドレスが公開されることはありません。