本文目录一览：
- 1、...JS调OC传值、OC调JS传值、进度条加载等(干货满满)
- 2、Js中如何设置进度条长度
- 3、使用jquery.form.js实现文件上传及进度条前端代码
- 4、js怎么能让进度条动起来一点点减少
- 5、js加载图片进度条应该怎么写
...JS调OC传值、OC调JS传值、进度条加载等(干货满满)
建立 WebViewJavaScriptBridge 和 WebView 之间的关系。
首先导入JavaScriptCore库， 然后在OC中获取JS的上下文。
WKScriptMessage有两个关键属性name 和 body。因为我们给每一个OC 方法取了一个name，那么我们就可以根据name 来区分执行不同的方法。body 中存着JS 要给OC 传的参数。-js进度条
OC 添加对 JS 的消息监听，实现代理对监听的实现方法。JS 端在合适的时机发送消息，并且可以携带参数。
Js中如何设置进度条长度
1、用Width 设置大小，Width 不是的属性，而是样式，用CSS设置就好了。
2、用这个数字减去那个进度条DIV的clientX属性就是鼠标在进度条上的位置。你自己可以作些加减微调确保结果适当。如果宽度100px，你点的位置是40px.那么用40/100*歌曲长度就是当前应该跳转到的位置了。-js进度条
3、如果是flash做的，那是flash自身的加载进度。如果是js做的，做法比较简单，就是在页面的不同的地方插入script标签，动态改变进度的值。
使用jquery.form.js实现文件上传及进度条前端代码
需要解释下我的结构， #upload-input-file 的input标签是真实的文件上传按钮，包裹form标签后可以实现上传功能， #upload-input-btn 的button标签是展示给用户的按钮，因为需要样式的美化。-js进度条
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
如果可以的话，建议使用后台后端语言，这样语法丰富很多，而且PHP中的文件上传，返回的值特别多，还有文件操作，文件读取等等，不要局限于一种语言。
jquery.form.js 提交带文件的表单，也是 用iframe模拟 异步提交的 (#btnUpload).click(function () { 8 if ($(#flUpload).val() == ) { 9 alert(请选择一个图片文件，再点击上传。-js进度条
前端要做的就是设置一个定时器通过接口去后台获取当前上传进度是多少，然后渲染出进度条就行。当进度达到100%时清除定时器。
使用ajax提交首先引入jquery-form.js文件才能实现，接着使用上面的html代码，加入以js则可以实现ajax提交文件。
js怎么能让进度条动起来一点点减少
1、如果是flash做的，那是flash自身的加载进度。如果是js做的，做法比较简单，就是在页面的不同的地方插入script标签，动态改变进度的值。
2、思路：进度条的总长度：进度条的当前长度 = 数据总长度：数据当前加载长度。
3、ProgressJs是一个JavaScript和CSS3库，帮助开发人员创建和管理页面上的任何对象的进度条。你可以自己设计模板的进度条或简单的定制。你可以使用ProgressJs显示加载内容的进步（图像，视频，等等）到用户的网页。-js进度条
js加载图片进度条应该怎么写
如果是flash做的，那是flash自身的加载进度。如果是js做的，做法比较简单，就是在页面的不同的地方插入script标签，动态改变进度的值。
思路：进度条的总长度：进度条的当前长度 = 数据总长度：数据当前加载长度。
在被拖放的图片上加上一个ondragstart事件，即图片被拖动时触发这个事件。再给事件一个函数，用于拖动图片时，把图片保存在一个变量中。
