微信小程序 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)畫(huà)--> <Text class="text-style">百分比是80,進(jìn)度條從左往右的動(dòng)畫(huà)</Text> <progress percent="80" show-info active /> </View>
ss:
.text-style{
font-size: 13px;
}
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
vue axios請(qǐng)求超時(shí)的正確處理方法
這篇文章主要介紹了vue axios請(qǐng)求超時(shí),設(shè)置重新請(qǐng)求的完美解決方法,一并給大家介紹了axios基本用法，需要的朋友可以參考下2018-04-04
這篇文章主要介紹了 微信小程序 Audio API詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-09-09
js前端面試常見(jiàn)瀏覽器緩存強(qiáng)緩存及協(xié)商緩存實(shí)例
這篇文章主要為大家介紹了js前端面試常見(jiàn)瀏覽器緩存強(qiáng)緩存及協(xié)商緩存示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
這篇文章主要介紹了微信小程序 wxapp地圖 map基礎(chǔ)知識(shí)的相關(guān)資料,并附簡(jiǎn)單實(shí)例，幫助大家學(xué)習(xí)理解，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 audio 組件實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要為大家介紹了3分鐘精通高階前端隨手寫(xiě)TS插件的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要為大家介紹了JavaScript?this指向綁定方式及不適用情況詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
微信小程序中的onLoad詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序中的onLoad詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-04-04
Project?Reference優(yōu)化TypeScript編譯性能示例
這篇文章主要為大家介紹了Project?Reference優(yōu)化TypeScript編譯性能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
TypeScript編寫(xiě)自動(dòng)創(chuàng)建長(zhǎng)度固定數(shù)組的類(lèi)型工具詳解
這篇文章主要為大家介紹了TS編寫(xiě)自動(dòng)創(chuàng)建長(zhǎng)度固定數(shù)組的類(lèi)型工具詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08