誰かがあなたのためにこの種の仕事をすることを期待しないでください、あなたはそれを自分でする必要があります. 何が起こっているのかを理解するのに役立つ簡単な例と説明を提供しました。残りはあなた次第です。
Python でのコマンド ラインの例を次に示します。
import sys, time
print
pers = [3, 7, 10, 11, 50, 75, 77, 82, 91, 100]
for per in pers:
sys.stdout.write('\r[%s>%s]' % (
('=' * ((per / 2) -1)), ' '*(50-(per/2)))
)
sys.stdout.flush()
time.sleep(0.5)
print
print
ここで何が起こっているか分かりますか?基本的なコンセプトは、合計から進行状況に追加することです。したがって、ここでtime.sleep(0.5)
はランダムな時間を追加して、実際に進行状況を確認できるようにしましたが、JavaScript コードを記述しているときは、必要なものがロードされているときに進行します。
したがって、この考え方を理解したら、文字列に文字を追加する代わりに、長方形などの幅を広げていることを除いて、JavaScript で同じ種類のことを繰り返すだけです。そして、全体の進行状況を表示したいので、進行状況のすぐ後ろに同じ長方形がすでに全幅であり、ロードの残りの合計を示す必要があります。次に、これらの長方形をcssでフォーマットして、見栄えを良くします:)