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

Question

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

Answer 1

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

Answer 2

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

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

Answer 3

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

Answer 4

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