在微信小程序中如何使用progress组件

你好

记录一个关于progress组件的demo，先看下效果↓

1.附上wxml代码 ↓

usual_progress代码如下↓

2.分别介绍一下四个progress

①第一个progress百分比为20， show-info属性为true,在进度条右侧显示进度数字；

②第二个progress百分比为40，stroke-width进度条的宽度（高度）设置为12px,缺省为6px

③第三个progress设置颜色为pink

④第四个progress中active属性为true，进度条动态显示。

（只要写上布尔变量的属性，则属性值默认为true，删除该属性或设置属性值为“{{false}}”才为false效果。）

3.附上官网的开发指南

希望对你有帮助！

这篇文章主要为大家展示了“Android如何实现横向进度条演示效果”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“Android如何实现横向进度条演示效果”这篇文章吧。

1.效果图：

2.布局说明：

1.textview显示进度条

2.ProgressBar进度条

3.进度条配置：

<ProgressBar

android:id="@+id/pb"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:max="100" />

其中：max可以手动设置，也就是你下载的内容大小，style也是

3.实例源码：

package com.zengtao.classwork

import android.os.Bundle

import android.os.Handler

import android.os.Message

import android.support.v7.app.ActionBarActivity

import android.widget.ProgressBar

public class MainActivity extends ActionBarActivity {

private ProgressBar pb// 进度条

private int[] randData = new int[100]// 数组

private int index = 0// 索引

private int mProgressStaus = 0// 设置进度条的长度

private Handler mHandler

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

pb = (ProgressBar) findViewById(R.id.pb)

---