大家好，我是前端进阶者，今天给大家来做个小项目，一起来看看吧一、前言我们经常在网页上，游戏界面加载时会看到加载进度条的效果，我们往往会以为这些加载进度条的效果，很难实现。今天教大家JSCSS结合做简单一个加载进度条的效果。二、项目准备软件：HBuilderX。三、项目实现1\.body创建2个div，外部div添加id"progress"属

1.前言之前在做项目的时候，需要实现一个文件上传组件并且需要有文件上传进度条，现将之前的实现过程简单记录一下，希望可以帮助到有需要的人。项目用的是Vue框架，UI库使用的是elementUI，前后端交互请求使用的是Vue官方推荐的axios。其中，UI方面主要使用了elementUI库中的Upload文件上传组件、Progress

Telerik和KendoUI是Progress产品组合的一部分

实现原理：_方法一：动态计算，slider上增加背景图，根据滑动的进度动态计算背景图的大小；方法二：sliderprogress，根据slider滑动的进度，动态改变progress的显示进度；方法三：slidermask，根据slider的滑动进度，动态该表mask显示区域大小；_如果滑动条显示用的是九宫格，推荐方法一和

备注20170825:实际验证该效果只适合开始的时候,时间长了还是会蹦出弹窗,目前出现弹窗后本人是直接将之最小化到左下角,基本不会干扰.这两天开始使用MyEclipse2014之后,UpdateProgress弹窗更加频繁,十分烦人.上网上搜了很多方法,适用性较差,结合实验直接将自己的方法给出:1.关掉在打开的MyEclipse2014;2