/** 先實(shí)例化個(gè)進(jìn)度條 */
ProgressBar mProgressBar = (ProgressBar) findViewById(R.id.ProgressBar);
/** 再實(shí)例化個(gè) webView */
WebView webView = (WebView) findViewById(R.id.webview);
/** 然后就直接在 webClient 回調(diào)函數(shù)里面set 進(jìn)度，這樣的做法是生硬的效果 */
webView.setWebChromeClient(new WebChromeClient(){
 @Override
 public void onProgressChanged(WebView view, int newProgress) {
 super.onProgressChanged(view, newProgress);
 mProgressBar.setProgress(newProgress);
 }
});
/** 其他是顏色樣式等，不是重點(diǎn) */
.....

package com.slowlyprogressbar;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.View;
import android.widget.RelativeLayout;
import java.util.ArrayList;
import java.util.List;
/**
 * Created by 林冠宏 on 2016/7/11.
 *
 * 真正的仿微信網(wǎng)頁(yè)打開(kāi)的進(jìn)度條
 *
 * 下面的所有屬性都可以自己采用 get set 來(lái)自定義
 *
 */
public class SlowlyProgressBar {
 private static final int StartAnimation = 0x12;
 private Handler handler;
 private View view;
 /** 當(dāng)前的位移距離和速度 */
 private int thisWidth = 0;
 private int thisSpeed = 0;
 private int progress = 0; /** 當(dāng)前的進(jìn)度長(zhǎng)度 */
 private int record = 0; /** 移動(dòng)單位 */
 private int width = 10; /** 10dp each time */
 private int height = 3; /** 3dp */
 private boolean isStart = false;
 private int phoneWidth = 0; /** 屏幕寬度 */
 private int i = 0;
 /** 每次的移動(dòng)記錄容器，位移對(duì)應(yīng)每幀時(shí)間 */
 private List<Integer> progressQuery = new ArrayList<>();
 private List<Integer> speedQuery = new ArrayList<>();
 public SlowlyProgressBar(View view, int phoneWidth) {
 initHandler();
 this.phoneWidth = phoneWidth;
 this.view = view;
 }
 /** 善后工作，釋放引用的持有，方能 gc 生效 */
 public void destroy(){
 if(progressQuery!=null){
 progressQuery.clear();
 progressQuery = null;
 }
 if(speedQuery!=null){
 speedQuery.clear();
 speedQuery = null;
 }
 view = null;
 handler.removeCallbacksAndMessages(null);
 handler = null;
 }
 public void setProgress(int progress){
 if(progress>100 || progress <= 0){ /** 不能超過(guò)100 */
 return;
 }
 /** 每次傳入的 width 應(yīng)該是包含之前的數(shù)值,所以下面要減去 */
 /** 下面記得轉(zhuǎn)化比例，公式 （屏幕寬度 * progress / 100） */
 this.width = (progress * phoneWidth)/100;
 /** lp.width 總是獲取前一次的 大小 */
 /** 移動(dòng) 100px 時(shí)的速度一次倍率 是 2 */
 int size = progressQuery.size();
 if(size != 0){
 size = progressQuery.get(size-1);
 }
 Log.d("zzzzz","width - size = "+(width - size));
 /** 計(jì)算倍率，2/100 = x/width */
 int distance = width - size;
 int speedTime;
 if(distance<=100){
 speedTime = 2;
 }else{
 speedTime = (int) ((2 * distance)/100.0);
 }
 /** 添加 */
 progressQuery.add(this.width);
 speedQuery.add(speedTime);
 /** 開(kāi)始 */
 if(!isStart){
 isStart = true;
 handler.sendEmptyMessage(StartAnimation);
 }
 }
 public SlowlyProgressBar setViewHeight(int height){
 this.height = height;
 return this;
 }
 private void initHandler(){
 handler = new Handler(){
 @Override
 public void handleMessage(Message msg) {
 super.handleMessage(msg);
 switch (msg.what){
  case StartAnimation:
  /** 提取隊(duì)列信息 */
  if(progress >= thisWidth){ /** 如果已經(jīng)跑完，那么移出 */
  if(progressQuery.size() == i){
  Log.d("zzzzz","break");
  if(progress >= 100){ /** 全部走完，隱藏進(jìn)度條 */
   view.setVisibility(View.INVISIBLE);
  }
  isStart = false;
  break;
  }
  Log.d("zzzzz", "size is " + progressQuery.size());
  thisWidth = progressQuery.get(i);
  thisSpeed = speedQuery.get(i);
  i ++;
  }
  move(thisSpeed,view.getLayoutParams().width);
  Log.d("zzzzz", "send 100 "+thisSpeed);
  /** 發(fā)信息的延時(shí)長(zhǎng)度并不會(huì)影響速度 */
  handler.sendEmptyMessageDelayed(StartAnimation,1);
  break;
 }
 }
 };
 }
 /** 移動(dòng) */
 private void move(int speedTime,int lastWidth){
 if(speedTime > 9){
 speedTime = 9; /** 控制最大倍率 */
 }
 /** 乘 3 是糾正誤差 */
 progress = (record * speedTime);
 /** 糾正 */
 if(progress >= lastWidth){
 view.setLayoutParams(new RelativeLayout.LayoutParams(progress,height*3));
 }else{
 Log.d("zzzzz","hit "+progress+"---"+lastWidth);
 }
 record ++;
 }
}

public class MainActivity extends AppCompatActivity {
 private SlowlyProgressBar slowlyProgressBar;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 slowlyProgressBar =
 new SlowlyProgressBar
  (
  findViewById(R.id.p),
  getWindowManager().getDefaultDisplay().getWidth()
  )
 .setViewHeight(3);
 WebView webView = (WebView) findViewById(R.id.webview);
 webView.setWebChromeClient(new WebChromeClient(){
 @Override
 public void onProgressChanged(WebView view, int newProgress) {
 super.onProgressChanged(view, newProgress);
 slowlyProgressBar.setProgress(newProgress);
 }
 });
 webView.loadUrl("http://www.cnblogs.com/linguanh");
 }
 @Override
 public void finish() {
 super.finish();
 if(slowlyProgressBar!=null){
 slowlyProgressBar.destroy();
 slowlyProgressBar = null;
 }
 }
}