JQuery已經成為前端開發的重要工具，它提供了許多強大的功能。其中之一是加載外部內容的能力。這個功能可以通過jquery load函數實現。但是我們有時需要知道外部內容加載的進度，這篇文章將告訴你如何實現。

$(document).ready(function(){
var progress=$(".progress");
$(document).ajaxStart(function() {
progress.show();
});
$(document).ajaxStop(function() {
progress.hide();
});
$(document).ajaxSend(function(event, request, settings) {
if(settings.url.indexOf(".json")>=0){
request.setRequestHeader("Accept", "application/json");
}
});
$(document).ajaxComplete(function(event, request, settings) {
if(settings.url.indexOf(".json")>=0){
var json=$.parseJSON(request.responseText);
var message="Loaded "+Object.keys(json).length+" items";
progress.text(message);
}
});
 });

以上代碼是監控外部內容加載進度的代碼段。當內容加載時，進度條會出現，加載完成后又會消失。在發送請求前，我們還添加了一個請求頭，這會讓服務器知道客戶端想要哪種響應類型。在請求完成后，我們會讀取響應內容，解析成JSON格式，然后顯示當前加載項的數量。

總之，使用jquery load功能可以輕松地加載外部內容。通過添加一些監控代碼，我們可以實現精確的進度監控。這對于某些耗時較長的任務來說非常有用。