フォーム・エディタ
【Fort.js】画面上部にフォームの入力進捗を表示するスクリプト

単体jsで動作するスクリプトです。
ページ上部に表示されるので、デザインの邪魔になりません。エフェクトは4種類用意されていてます。バーの色や大きさはcssで変更することが出来ます。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari08.InternetExplorer909.InternetExplorer10

Tag

フォームプログレスバー入力支援

設置方法などの参考ページ

[JS]これ、いい!サイトのデザインを損なわずにフォームの進捗を美しく表示するスクリプト -Fort.js

http://coliss.com/articles/build-websites/operation/javascript/js-fort.html

ユーザーがフォームに入力する際、その進捗をアニメーションで美しく表示するjQuery不要の単体で動作するスクリプトを紹介します。 進捗のデザインは邪魔にならないので、ほとんどのサイトで利用できると思い

【JavaScript】フォームの進捗をシンプルなプログレスバーで表示するスクリプト[Fort.js]が便利です。

http://on-ze.com/archives/1416

今日は、サイトのデザインを損なわずに、フォームの進捗をシンプルなプログレスバーで表示するスクリプト[Fort.js]を紹介します。まずはサンプルをどうぞ。[Fort.js]:サンプル注目すべきメリットの1つは、jQuer...

Fort.js·YouTube風?画面上部に入力進捗を表示

http://www.moongift.jp/2014/06/fort-js-youtube%E9%A2%A8%EF%BC%9F%E7%94%BB%E9%9D%A2%E4%B8%8A%E9%83%A8%E3%81%AB%E5%85%A5%E5%8A%9B%E9%80%B2%E6%8D%97%E3%82%92%E8%A1%A8%E7%A4%BA/

Fort.jsの使い方、日本語情報はMOONGIFTでチェック。大量の入力を一気にさせようと思うとユーザは引いてしまうものです。そこでちょっとずつ、段階を踏まえて入力してもらうとスムーズにいくことがあります。ウィザード形式の入力はまさにそうです。Fort.jsを使うとWeb上でも同じような入力ができるようになります。いつになったら終わるのかも分かるのでユーザストレスの低い入力操作が...。MOONGIFTはオープンソース・ソフトウェアを毎日紹介

Page Top