如何編寫一個進度條

Question

我建立一個YouTube播放器使用自定義控件的YouTube API：

http://code.google.com/apis/youtube/youtube_player_demo.html?playerType=chromeless&playerVersion=as3

我有播放/暫停/跳過按鈕都這樣做，但我已經必須創建一個進度條，我想不出如何去做。我從來沒有編寫過一個進度條。我可以訪問總視頻時間，並使用setinterval輪詢當前播放時間......因此，例如，我可以每隔250ms輪詢一次以查找視頻當前位置。

我的問題是我如何利用這些數據來創建一個進度條？我正在考慮一個div，我可以在寬度上操作以顯示視頻進度。我的問題是我如何利用數據（總視頻持續時間和當前時間）來決定何時增加此div的寬度以及增加多少。

希望這是有道理的。

Answer 1

計算進度條大小的公式非常基本：$download_size/$download_progress * $max_progressbar_width。你只需要確保兩個下載大小使用相同的單位來獲得正確的比例。