日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：progress 進(jìn)度條
  • progress 進(jìn)度條
    • 屬性說明
    • 示例
      • 代碼示例 1：默認(rèn)樣式
      • 代碼示例 2：顯示當(dāng)前百分比
      • 代碼示例 3：設(shè)置顏色
      • 代碼示例 4：設(shè)置寬度、外圓角
      • 代碼示例 5：設(shè)置寬度、內(nèi)圓角
      • 代碼示例 6：顯示動畫

    progress 進(jìn)度條

    解釋：進(jìn)度條。

    成都創(chuàng)新互聯(lián)是一家專業(yè)提供麟游企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為麟游眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

    屬性說明

    percent

    Float

    0

    否

    百分比 0~100%

    show-info

    Boolean

    false

    否

    在進(jìn)度條右側(cè)顯示百分比

    stroke-width

    Number/String

    2

    否

    進(jìn)度條的高度（單位：px）

    border-radius

    Number/String

    0

    否

    圓角大?。▎挝唬簆x）

    3.150.1

    font-size

    Number/String

    16

    否

    右側(cè)百分比字體大?。▎挝唬簆x）

    3.150.1

    color

    Color

    #09BB07

    否

    進(jìn)度條顏色（推薦使用 activeColor）

    activeColor

    Color

    #09BB07

    否

    已選擇的進(jìn)度條的顏色

    backgroundColor

    Color

    #E6E6E6

    否

    未選擇的進(jìn)度條的顏色

    active

    Boolean

    false

    否

    進(jìn)度條從左往右的動畫

    active-mode

    String

    backwards

    否

    backwards：動畫從頭播；forwards：動畫從上次結(jié)束點接著播

    duration

    Number

    20

    否

    進(jìn)度增加 1% 所需毫秒數(shù)

    3.150.1

    屬性名類型默認(rèn)值必填說明最低版本

    示例

    跳轉(zhuǎn)編輯工具

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    掃碼體驗

    代碼示例

    請使用百度APP掃碼

    代碼示例 1：默認(rèn)樣式

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  默認(rèn)樣式
      4.   
  
  
    4.  
      5.   
  
  
    5.  
      6.   
  
  
      7.

    代碼示例 2：顯示當(dāng)前百分比

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  顯示當(dāng)前百分比
      5.   
  
  
    5.  show-info
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
      11.

    代碼示例 3：設(shè)置顏色

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  設(shè)置顏色
      5.   
  
  
    5.  activeColor="#00BC89"
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
      10.

    代碼示例 4：設(shè)置寬度、外圓角

    • SWAN
    • CSS
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  設(shè)置寬度、外圓角
      5.   
  
  
    5.  border-radius="90" stroke-width="7"
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
      11.

    代碼示例 5：設(shè)置寬度、內(nèi)圓角

    • SWAN
    • CSS
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  設(shè)置寬度、內(nèi)圓角
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
      9.

    代碼示例 6：顯示動畫

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  顯示動畫
      4.   
  
  
    4.  
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
      8.

    網(wǎng)站欄目：創(chuàng)新互聯(lián)百度小程序教程：progress 進(jìn)度條
    網(wǎng)頁URL：http://m.5511xx.com/article/cdgeegh.html