微信小程序 progress組件詳解及實(shí)例代碼
更新時(shí)間：2016年10月25日 09:44:13 投稿：lqh
這篇文章主要介紹了微信小程序 progress組件詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
主要屬性：
效果圖：
ml:
<View > <!--百分比是30,并在進(jìn)度條右側(cè)顯示百分比--> <Text class="text-style">百分比是30,并在進(jìn)度條右側(cè)顯示百分比</Text> <progress percent="30" show-info /> <!--百分比是40,進(jìn)度條線的寬度12px--> <Text class="text-style">百分比是40,進(jìn)度條線的寬度12px</Text> <progress percent="40" stroke-width="12" /> <!--百分比是60,進(jìn)度條顏色:pink--> <Text class="text-style">百分比是60,進(jìn)度條顏色:pink</Text> <progress percent="60" color="pink" /> <!--百分比是80,進(jìn)度條從左往右的動(dòng)畫--> <Text class="text-style">百分比是80,進(jìn)度條從左往右的動(dòng)畫</Text> <progress percent="80" show-info active /> </View>
ss:
.text-style{
font-size: 13px;
}
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
可視化埋點(diǎn)元素圈選器實(shí)現(xiàn)源碼
這篇文章主要為大家介紹了可視化埋點(diǎn)元素圈選器實(shí)現(xiàn)源碼示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章主要為大家介紹了避免地獄async?await的使用場(chǎng)景及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了微信小程序 二維碼canvas繪制實(shí)例詳解的相關(guān)資料,這里附有實(shí)例代碼，微信小程序 使用canvas 進(jìn)行二維碼的繪制，需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了element彈窗表格的字體模糊bug解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
微信小程序 利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解
這篇文章主要介紹了微信小程序 利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-01-01
JS創(chuàng)建對(duì)象常用設(shè)計(jì)模式工廠構(gòu)造函數(shù)及原型
本篇帶來(lái)你一定熟知的、用于創(chuàng)建對(duì)象的三種設(shè)計(jì)模式：工廠模式、構(gòu)造函數(shù)模式、原型模式，有需要的朋友可以借鑒參考下，希望能夠有所幫助2022-07-07
Javascript中bind()方法綁定函數(shù)的使用與實(shí)現(xiàn)
這篇文章主要為大家介紹了Javascript中bind()方法綁定函數(shù)的使用與實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
前端面試必會(huì)網(wǎng)絡(luò)跨域問(wèn)題解決方法
這篇文章主要為大家介紹了前端面試必會(huì)的網(wǎng)絡(luò)跨域問(wèn)題解決方法講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了微信小程序 canvas API詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了TypeScript獲取二叉樹的鏡像實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09