0

ここに問題があります: 値と最大値があり、進行状況バーのように表示したい (進行状況がないことを除いて:-): 値は、幅が最大値に相対的なバーとして表示されます。

パーセンテージでこれを行うことはできません:

<div class="bar"><div class="bar-content" style="width:xx%"></div>

私は値と最大値しか知らないので、相対値をパーセントで「知りません」。javascript を使用したり、サーバー側で何かを実行したりできることは承知していますが、css と html のみを使用したいと考えています。

私は何かを理解することができないので、今私は良いアイデアを探しています.

より具体的に説明しようとします: 値 (たとえば 20) と最大値 (たとえば 80) があり、幅がコンテナーの幅の 20/80 = 25% であるバーとして値を表示したいと考えています。HTML、CSS、20 (値) および 80 (最大値) のみを使用してそれを行いたいと考えています。値と最大値以外のデータがないため、JavaScript やサーバー側のプログラミングが必要ないため、パーセンテージを計算できません。

これは不可能だと思いますが、私たちは決して知りません。

4

3 に答える 3

1

答えが間違っていると仮定したことを除いて、あなたは自分の質問に答えたようなものです。そうではありません。これは、css のパーセンテージで行う必要があります。

値と最大値が事前にわかっている場合、値と最大値の関数であるため、定義により、内側のパーセンテージ幅が事前にわかります<div>。

于 2013-07-21T20:47:20.810 に答える
1

あなたはHTML5にこれのためのタグを持っています:

<progress value="20" max="80">20<progress/>

http://codepen.io/anon/pen/rejdJ

于 2013-07-21T20:58:11.213 に答える