### **關于進度條的使用說明**
### 用法:
#### 實例化對象:
* * * * *
var my = new myFrame();
#### 直接調用該對象下的progressBar()函數:
* * * * *
my.progressBar({
參數1:參數值1,
參數2:參數值2,
...
});
#### 根據需要傳入對應的參數:
* * * * *
//調用該對象下的progressBar()函數
my.progressBar({
//放置進度條的位置
"place":'#box',
//進度條狀態
"percentage":'50%',
//進度條背景顏色
"bgColor":'red',
//進度條圓角
"borderRadius":'5px',
//進度條中的百分比顏色
"color": '#123456'
});
#### 參數說明:
* * * * *
| 參數名稱 | 參數值 | 默認值 | 其他 |
| --- | --- | --- | --- |
| place | 放置進度條的位置 | 默認值為body | |
| percentage | 百分比 | 默認值50% | 當前進度條狀態 |
| bgColor | 表示顏色的英文或十六進制顏色值 | 默認值為#123456 | 進度條背景色 |
| borderRadius | 任意整數值,單位為px | 默認值為30px | 表示進度條圓角 |
| color | 表示顏色的英文或十六進制顏色值 | 默認值為#fff | 表示進度條中百分比的顏色 |
### 注意事項:
1. 參數place為必填項,值為放置進度條所在位置的id名;
2. 參數percentage值為進度條目前的進度,為百分比值,默認50%;
### 完整示例:
* * * * *
function txt(){
//實例化對象
var my = new myFrame();
//調用該對象下的progressBar()函數
my.progressBar({
//放置進度條的位置,必填項
"place":'#box',
//進度條狀態,默認50%
"percentage":'50%',
//進度條背景色,默認#123456
"bgColor":'red',
//進度條圓角,默認30px
"borderRadius":'5px',
//進度條字體顏色,默認#123456
"color":'#123456'
})
}