javascript - このプロセスの進行状況バーはバックエンドデータとどのようにリンクしますか? O(∩_∩)Oありがとうございます！

Question

バックエンドのデータ処理ステータスはどのステップに到達しますか? 現在のステータスは青色になります。

为情所困 · Answer

データを取得すると、背景にステータスフィールドが表示され、ステータスフィールドが 1 を返し、1 に対応するステータスが処理された場合は、最初の 2 つを青に設定するだけです。

我想大声告诉你 · Answer

バックエンドデータには、現在のステップを示す status などのステータス値があります。フロントエンドページの各ステップノードには、通常状態 (灰色) とアクティブ化された状態 (青、activeCSS类），然后通过后端的status值，将前端所有在status值之前的步骤全部加上class="active".

付き) の 2 つの状態があります。

高洛峰 · Answer

WebSocket を使用するとデータ交換が簡単になります

大家讲道理 · Answer

解決策の 1 つは、進行状況が異なる 5 枚の写真を用意することです。バックエンドからデータを読み取り、データがどのステップに到達したかに基づいて現在の進行状況の図を表示します。