Question

如何做一个带数字的 网页加载进度条拜托各位大神

如何做一个带数字的 网页加载进度条，网页在加载过程中显示 加载的百分比，加载完后 显示网页

若以下回答无法解决问题，邀请你更新回答

Answer 1

简单说一下实现原理吧html部分：首先写用两个块级元素（如div），一个用于显示总的加载时长（下面简称wrap），一个用于显示当前的加载进度（下面简称pro），用wrap包裹pro元素。css部分：wrap和pro高度相同，wrap宽度写死，pro初始宽度为0。pro一般要带个背景色（想做好看点可以用gif图片代替）js部分：首先你肯定能监控到当前的加载进度的吧（要不然这效果没法做了）。设置一个setInterval函数用来控制进度条的显示。该函数主要用于计算用户显示的百分比，然后利用当前进度百分比算出pro的对应宽度，再直接把宽度设置到pro里就行了。这是我自己之前写的一个文件上传的进度显示的实现原理。仅供参考 查看原帖>>