シンクグラフィカ札幌

メールフォームプロCGI

入力プログレスの表示

入力中エレメントが全体の何番目、何パーセントまで入力が完了しているかを表示する機能です。

入力欄が多い場合など、全体の入力欄の数と現在フォーカスが当たっている入力フィールドの位置から、全体の何番目、何パーセントまで入力が完了しているかを入力者に伝える機能が入力プログレス機能です。

入力プログレスのデモはデモページをご参照ください。

入力欄が多い場合や、入力フェーズが多い場合などあとちょっと感を出すことで、ドロップ(離脱)させることなく最後まで入力してもらおう!というイメージですね。信号機の残り時間表示のようなイメージです。

ただ、本当であれば入力欄の数が少ないほうが望ましいことは言うまでもありませんが、用途によってはやむなく入力欄が多くなってしまう場合もあると思うので、そういう場合は段階的入力機能と併せてご利用ください。

本機能はアドオンとして提供されます。config.cgiの以下の行を修正してください。
#push @AddOns,'progress.js'; ## プログレスバー表示

push @AddOns,'progress.js'; ## プログレスバー表示
とし、行頭の#を削除してください。

段階的入力機能 ENTERで次のフィールドにフォーカス