微信小程序 progress組件詳解及實例代碼

更新時間：2016年10月25日 09:44:13 投稿：lqh

這篇文章主要介紹了微信小程序 progress組件詳解及實例代碼的相關資料,需要的朋友可以參考下

主要屬性：

效果圖：

ml:

<View >
  <!--百分比是30,并在進度條右側顯示百分比-->
  <Text class="text-style">百分比是30,并在進度條右側顯示百分比</Text>
  <progress percent="30" show-info />
  <!--百分比是40,進度條線的寬度12px-->
  <Text class="text-style">百分比是40,進度條線的寬度12px</Text>
  <progress percent="40" stroke-width="12" />
  <!--百分比是60,進度條顏色:pink-->
  <Text class="text-style">百分比是60,進度條顏色:pink</Text>
  <progress percent="60" color="pink" />
  <!--百分比是80,進度條從左往右的動畫-->
  <Text class="text-style">百分比是80,進度條從左往右的動畫</Text>
  <progress percent="80" show-info active />
</View>

ss:

.text-style{
  font-size: 13px;
}

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

可視化埋點元素圈選器實現源碼
這篇文章主要為大家介紹了可視化埋點元素圈選器實現源碼示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-01-01
避免地獄async?await的使用及原理解析
這篇文章主要為大家介紹了避免地獄async?await的使用場景及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
微信小程序二維碼canvas繪制實例詳解
這篇文章主要介紹了微信小程序二維碼canvas繪制實例詳解的相關資料,這里附有實例代碼，微信小程序使用canvas 進行二維碼的繪制，需要的朋友可以參考下
2017-01-01
element彈窗表格的字體模糊bug解決
這篇文章主要為大家介紹了element彈窗表格的字體模糊bug解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-02-02
微信小程序利用css實現遮罩效果實例詳解
這篇文章主要介紹了微信小程序利用css實現遮罩效果實例詳解的相關資料,需要的朋友可以參考下
2017-01-01
JS創(chuàng)建對象常用設計模式工廠構造函數及原型
本篇帶來你一定熟知的、用于創(chuàng)建對象的三種設計模式：工廠模式、構造函數模式、原型模式，有需要的朋友可以借鑒參考下，希望能夠有所幫助
2022-07-07
Javascript中bind()方法綁定函數的使用與實現
這篇文章主要為大家介紹了Javascript中bind()方法綁定函數的使用與實現示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06
前端面試必會網絡跨域問題解決方法
這篇文章主要為大家介紹了前端面試必會的網絡跨域問題解決方法講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
微信小程序 canvas API詳解及實例代碼
這篇文章主要介紹了微信小程序 canvas API詳解及實例代碼的相關資料,需要的朋友可以參考下
2016-10-10
TypeScript獲取二叉樹的鏡像實例
這篇文章主要為大家介紹了TypeScript獲取二叉樹的鏡像實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09