# 实现加载进度显示 ***** >[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> ~~~