HTML 5進捗バー内の複数の値

Question

HTML 5の進行状況バーに複数の値を設定する方法はありますか？私は擬似要素の後に：を使ってみましたが、それは進捗状況では動作しません。

私は一つの値を 'Completed'としたいと思っていますが、もう一つは 'In Progress'です。例は次のようになります

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

33％を完了し

、及び10は、プログレス％です。

Answer 1

悲しいことに、HTML5を使用してこれを行う方法はありません。 W3はプログレスバーの値を1つだけ指定します。 https://www.w3.org/wiki/HTML/Elements/progress 複数の値を設定すると、最初の値だけが表示されます。

ネストされたdivまたはブートストラップのプログレスバーを使用することができます。これは同じですが、ボックスの右側にある簡単な&です。