HTML 5 진행률 표시 줄의 여러 값

Question

HTML 5 진행률 표시 줄에 값이 여러 개있을 수 있습니까? 내가 사용하려고 : 후 의사 요소,하지만 그 진보와 작동하지 않습니다.

하나의 값을 'Completed (완료 됨)'로 지정하고 다른 하나는 '진행 중'으로 지정하고 싶습니다. 예제는 다음과 같습니다

<progress value="33.3" value2="10" max="100"></progress>

33 %를 완료

, 10은 진행 %입니다.

Answer 1

슬프게도 HTML5를 사용하여이를 수행 할 방법이 없습니다. W3은 진행률 표시 줄에 하나의 값만 지정합니다. https://www.w3.org/wiki/HTML/Elements/progress 두 개 이상의 값을 설정하면 첫 번째 값만 표시됩니다.

중첩 된 div 또는 부트 스트랩의 진행 표시 줄을 사용할 수 있습니다.이 표시 줄은 동일하지만 단순한 &처럼 아름답습니다.