# 實現加載進度顯示 ***** >[info] 核心代碼 ~~~ <h2>loading...<span id="progress">0%</span></h2> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/PreloadJS/1.0.1/preloadjs.min.js"></script> <script> //獲取span id對象 var progress = $("#progress"); //定義一個隊列 var queue = new createjs.LoadQueue(true); //監聽文件加載 queue.on("fileload", handleFileLoad, this); //監聽完成事件 queue.on("complete", function () { console.log("加載完成"); }, this); //監聽進度事件 queue.on("progress", function(e){ //實現0~100的加載顯示 var proNum = Math.ceil(e.progress * 100); progress.html( proNum + "%"); }); queue.loadFile("images/form-p1.png"); queue.load(); //文件加載方法 function handleFileLoad(event) { var item = event.item; console.log(item); var type = item.type; if(type == createjs.LoadQueue.IMAGE) { document.body.appendChild(event.result); } } </script> ~~~