Javascript_javascript スキルで書かれたシンプルなプログレス バー コントロール

多くの場合、ユーザーは「肥大化した」JavaScript コードが処理されるまで待つ必要があります (Web 2.0 の機能)。この期間中は、ユーザーに少し「快適さ」を与えるために、進行状況バーのようなものを追加するとよいでしょう。この実装は複雑ではなく、処理エントリの合計を取得し、パーセンテージを取得して、出力を表示するだけです。

優れた CSS を使用すると、非常に美しい進行状況バーのスタイルを実現できます。 Javascript の効果と組み合わせることで、ユーザーを完全に「騙し」、ブラウザーが処理を完了するまで辛抱強く待つことができます。上記の原則を理解したので、コードを直接見ることができます。このような短いコードの方が理解しやすいため、私は今でも jQuery フレームワークを使用しています。

もちろん、このコントロールにはまだやるべきことがたくさんありますが、私は Web 標準に準拠した実装のアイデアを提供しているだけです。早速ですが、お時間があれば、ここをクリックして オンライン デモンストレーション をご覧ください。