javascript - 이 프로세스 진행률 표시줄은 백엔드 데이터와 어떻게 연결됩니까? 오(∩_∩)O고마워요!

Question

백엔드 데이터 처리 상태가 어느 단계에 도달하면 현재 상태가 파란색으로 변합니다

Answer 1

데이터를 받으면 배경에 상태 필드가 표시됩니다. 상태 필드가 1을 반환하고 1에 해당하는 상태가 처리되면 처음 두 개를 파란색으로 설정하면 됩니다.

Answer 2

백엔드 데이터에는 현재 단계를 나타내는 상태 등의 상태 값이 있습니다. 프런트엔드 페이지의 각 단계 노드에는 정상 상태(회색)와 활성화된 상태(파란색, activeCSS类），然后通过后端的status值，将前端所有在status值之前的步骤全部加上class="active".

포함)의 두 가지 상태가 있습니다.

Answer 3

Websocket은 데이터 교환이 더 쉽습니다

Answer 4

한 가지 해결책은 진행 상황이 다른 5장의 사진을 찍는 것입니다. 백엔드에서 데이터를 읽고 데이터가 도달한 단계에 따라 현재 진행 상황을 그림으로 표시합니다.