Web前端_实现html页面加载进度条(转载)

原文地址:https://blog.csdn.net/lmj623565791/article/details/34825865

html实例代码如下:

<div class="out" style="background-image: url(../img/bg.png); z-index: 999; position: fixed; width: 100%; height: 100%;">

			<div id="loadBar01" class="loadBar">
				<div>
					<span class="percent">
						<i></i>
					</span>
				</div>
				<span class="percentNum">0%</span>
			</div>
		</div>

js实例代码如下:

需要导入 Jquery

function LoadingBar(id)
        {
            this.loadbar = $("#" + id);
            this.percentEle = $(".percent", this.loadbar);
            this.percentNumEle = $(".percentNum", thi