Baseline Widely available *
ProgressEvent
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ãããã»ã¹ã®é²æãä¾ãã° HTTP ãªã¯ã¨ã¹ãï¼XMLHttpRequest
ãã¾ã㯠<img>
, <audio>
, <video>
, <style>
, <link>
ã®ãããªåºæ¬çãªãªã½ã¼ã¹ã®èªã¿è¾¼ã¿ï¼ãªã©ãè¨æ¸¬ããã¤ãã³ãã表ãã¾ãã
ProgressEvent()
æå®ãã弿°ã§ ProgressEvent
ã¤ãã³ãã使ãã¾ãã
親ã§ãã Event
ããç¶æ¿ããããããã£ãããã¾ãã
ProgressEvent.lengthComputable
èªåå°ç¨
è«çå¤ã®ãã©ã°ã§ãåºç¤ã¨ãªãããã»ã¹ã§è¡ããã使¥ã®åè¨ã¨ãæ¢ã«è¡ããã使¥ã®éãè¨ç®å¯è½ãã©ããã示ãã¾ããè¨ãæããã°ãé²æãæ¸¬å®å¯è½ãã©ããã示ãã¾ãã
ProgressEvent.loaded
èªåå°ç¨
64 ããã符å·ãªãæ´æ°å¤ã§ãåºç¤ã¨ãªãããã»ã¹ã§æ¢ã«å®è¡ããã使¥ã®éã示ããè¡ããã使¥ã®æ¯çã¯ã total
ã§ãã®ããããã£ã®å¤ãå²ããã¨ã§è¨ç®ã§ãã¾ãã HTTP ã使ç¨ãã¦ãªã½ã¼ã¹ããã¦ã³ãã¼ãããå ´åããã㯠HTTP ã¡ãã»ã¼ã¸ã®æ¬æã®ã¿ãã«ã¦ã³ããããããã¼ããã®ä»ã®ãªã¼ãã¼ãããã¯å«ã¾ãã¾ããã
ProgressEvent.total
èªåå°ç¨
64 ããã符å·ãªãæ´æ°ã§ãåºç¤ã¨ãªãããã»ã¹ãå®è¡ä¸ã®ä½æ¥ã®ç·éã表ãã HTTP ã§ãªã½ã¼ã¹ããã¦ã³ãã¼ãããå ´åããã㯠Content-Length
ï¼ã¡ãã»ã¼ã¸ã®æ¬æã®ãµã¤ãºï¼ã§ããããããã¼ããã®ä»ã®ãªã¼ãã¼ãããã¯å«ã¾ãã¾ããã
親ã§ãã Event
ããã¡ã½ãããç¶æ¿ãã¦ãã¾ãã
以ä¸ã®ä¾ã¯ ProgressEvent
ãæ°ãã XMLHTTPRequest
ã«è¿½å ãããªã¯ã¨ã¹ãã®ç¶æ
ã表示ããããã«ä½¿ç¨ãã¾ãã
const progressBar = document.getElementById("p"),
client = new XMLHttpRequest();
client.open("GET", "magical-unicorns");
client.onprogress = (pe) => {
if (pe.lengthComputable) {
progressBar.max = pe.total;
progressBar.value = pe.loaded;
}
};
client.onloadend = (pe) => {
progressBar.value = pe.loaded;
};
client.send();
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ é¢é£æ
å ±
Event
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4