Android WebView 加载横向进度条

第一步：在drawble目录下，创建 progressbar_mini.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

  
    <!-- 设置背景#F5F5F5 #BEBEBE-->
    <item android:id="@android:id/background">
        <shape>
            <gradient
                android:angle="270"
                android:centerY="0.5"
                android:endColor="#FFFFFF"
                android:startColor="#FFFFFF" />
        </shape>
    </item>
    <!-- 加载中的样式#165CBC   #85B0E9-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <gradient
                    android:angle="270"
                    android:centerY="0.5"
                    android:endColor="#A8A8A8"
                    android:startColor="#CCCCCC" />
            </shape>
        </clip>
    </item>
    <!-- 加载进度的样式 start是上部，end是下半部分 -->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <gradient
                    android:angle="270"
                    android:centerY="0.5"
                    android:endColor="#A8A8A8"
                    android:startColor="#CCCCCC" />
            </shape>
        </clip>
    </item>

</layer-list>

第二步：在style文件里，引用并且继承webview的横向的progressbar

 <!-- 自定义进度条 -->
    <style name="ProgressBar_Mini" parent="@android:style/Widget.ProgressBar.Horizontal">
        <item name="android:maxHeight">5dip</item>
        <item name="android:minHeight">5dip</item>
        <item name="android:indeterminateOnly">false</item>
        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
        <item name="android:progressDrawable">@drawable/progressbar_mini</item>
    </style>

第三步：在布局中引用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <include layout="@layout/view_title" />
    <ProgressBar 
        android:id="@+id/actAgreementPb"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        style="@style/ProgressBar_Mini"
        />
    <WebView 
        android:id="@+id/wv_agreement"
        android:layout_height="0dip"
        android:layout_width="match_parent"
        android:layout_weight="1"
        />

</LinearLayout>

第四步：代码中通过监听webview的加载进度方式

//显示进去条
				webview.setWebChromeClient(new WebChromeClient(){
					@Override
					public void onProgressChanged(WebView view, int newProgress) {
						super.onProgressChanged(view, newProgress);
						if (newProgress >= 100) {
							pb.setVisibility(View.GONE);
						}else {
							if (pb.getVisibility() == View.GONE) {
								pb.setVisibility(View.GONE);
							}else 
							{
								pb.setVisibility(View.VISIBLE);
							}
							pb.setProgress(newProgress);
						}
						
					}
				});