jquery - jquery と css を使用した特別なプログレス バー

Question

次のリンクのようにセクションに分割されたプログレス バーを作成したい:プログレス バーの例

プロジェクト、ステージの 2 つのアクセス テーブルがあります。上記の進行状況バーにプロジェクトごとのステージを表示する必要があります。

構築され、それらのテーブルを参照する既存のそのようなプログレスバーを作成/使用するのを手伝ってくれる人はいますか?

同じ質問がすでにここで尋ねられましたが、提供された回答は私には理解できませんでした

前もって感謝します

Answer 1

あなたが示したリンクは、ページをリロードしたところです。ページをリロードしないと、もう少し複雑になりますが、次のようなルールを使用するだけです。

(最初のページ)

Projects { background-image: url('complete.gif'); }
Stages{ background-image: url('incomplete.gif'); }

(2 ページ目)

Projects { background-image: url('complete.gif'); }
Stages{ background-image: url('complete.gif'); }