打开小程序，通常在小程序标题区域下方有进度条显示。

用开发者工具编辑小程序，添加基础内容组件：progress
功能描述
进度条。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

属性说明

使用频率较高的属性有：
-- percent  百分比0~100
-- stroke-width 进度条线的宽度

-- active 进度条从左往右的动画

示例代码：
<view class="progress-box">
  <progress percent="20" show-info stroke-width="3"/>
</view>

<view class="progress-box">  <progress percent="40" active stroke-width="3" />  <icon class="progress-cancel" type="cancel"></icon></view>

<view class="progress-box">  <progress percent="60" active stroke-width="3" /></view>

<view class="progress-box">  <progress percent="80" color="#10AEFF" active stroke-width="3" /></view>

用轻栈制作小程序，进度条不需要设置，不需要修改，系统自带，简单省事。