javascript - 請問這個流程進度條是怎么和后端數據進行聯動的？O(∩_∩)O謝謝！

問題描述

后端數據的處理狀態到哪一步，當前的狀態變藍

問題解答

你獲取數據的時候，后臺會給你一個狀態的字段的，假如狀態字段返回1，1對應的狀態是已處理，你就把前面兩個設置成藍色，就好了。

后端數據上有一個狀態值，比如status，表示當前到了第幾步。前端頁面上每個步驟節點都有兩個狀態，正常狀態（灰色）和激活狀態（藍色，有activeCSS類），然后通過后端的status值，將前端所有在status值之前的步驟全部加上class='active'。

websocket 交換數據比較容易

一種解決辦法是有五張不同進度的圖片。從后端讀取數據，根據數據是到了哪一步來顯示當前進度的圖片。