#42. Progress Events

Нашёл в стандартах такую интересную штуку. В редакторах, кстати, до 2010 года был Яндекс. Суть заключается в контролировании загрузки, например, какого-нибудь файла или чего-нибудь ещё при помощи XMLHttpRequest.
Эта штука позволяет без особых ухищрений, стандартными средствами, делать дорожки загрузок или просто бегущие процентики с использованием пары строк кода. При этом отражать эти элементы будут реальную ситуацию с загрузкой, а не вымышленные прогресс, который образуется с помощью readystate.
Вот пример кода из документации:

var progressBar = document.getElementById("p");
var client = new XMLHttpRequest();
client.open("GET", "magical-unicorns");
client.onprogress = function(pe) {
	if(pe.lengthComputable) {
		progressBar.max = pe.total;
		progressBar.value = pe.loaded;
	}
}
client.onloadend = function(pe) {
	progressBar.value = pe.loaded;
}
client.send();

Посмотреть как это работает можно здесь

А вот здесь можно несколько подробнее про это почитать (собственно, стандарт):
Progress Event

Share
Send
2014   javascript
Popular