圓形進度條為輸出元件。
藉由填充顏色顯示進度或是數值，可設定不同的填充方向以及填充角度與最小最大數值的對應，並且可以加上有鏤空區域的前景圖片，可以用來設計類似內有LED光源並隨數值變化亮滅的旋鈕，或是圓形碼表等圖示。
如欲快速入門，可以觀看博橡教育影片，幫助了解圓形進度條
-
教育影片
元件屬性
圓形進度條
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 元件名稱 | 元件實體名稱 | Name |
| 連結到使用手冊 | 連結至博橡使用手冊 |
顯示/隱藏控制
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 繫結顯示/隱藏 | 決定是否要綁定暫存器，藉由暫存器內容觸發隱藏元件 | Checkbox |
| 選擇顯示/隱藏 | 透過改變暫存器值決定顯示或不顯示元件 | Register Selector |
行為設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 增長方向 | 進度條順時針或逆時針的增長  |
Dropdown List |
| 反向 | 進度條順時針或逆時針的減少  |
Dropdown List |
| 最小資料值 | 對應到圓弧開始角度的資料值，必須小於最大資料值 | Number Editor |
| 最大資料值 | 對應到圓弧結束角度的資料值，必須大於最小資料值 | Number Editor |
| 綁定數值暫存器 | 暫存器的內容是最小資料值的話，圓形進度條會顯示在開始角度，隨著暫存器數值增加，角度會隨著增加，直至暫存器是最大資料值時圓形進度條會顯示到最大角度 | Register Selector |
| 顯示方向指示 | 是否要顯示方向指示箭頭 | Checkbox |
| 圓心位置 | 設定圓心的座標 | Alignment Selector |
| 對齊 | 將圓心水平垂直置中 | Alignment Selector |
風格設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示前景圖片 | 是否要顯示前景圖片，如果前景圖片帶透明，則可以將進度條透出來顯示 | Checkbox |
| 載入前景圖片 | 從檔案系統選擇作為前景圖片 | File Open Dialog Box |
| 端點圓角化 | 是否要將進度條兩端終點圓弧化 | Checkbox |
| 開始角度 | 進度條圓弧開始角度(0-359)，詳情參考Number Editor | Number Editor |
| 圓弧長度 | 進度條圓弧長度(1-359) | Number Editor |
| 圓弧半徑 | 進度條半徑大小，最大值隨元件大小而變動 | Number Editor |
| 圓弧顏色 | 設定進度條顏色 | Color Selector |
| 圓弧寬度 | 設定進度條寬度(0-100) | Number Editor |
元件上編輯器
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
 |
調整元件的圓心 | Center Editor |
右鍵選單
移動旋轉中心到圖形中心點
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 移動旋轉中心到圖形中心點 | 將圓心水平垂直置中 | Center Editor |
增長方向
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 增長方向 | 進度條順時針或逆時針的增長 |
Center Editor |
元件子功能
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 編輯圖片 | 編輯前景圖片 | Image Editor Dialog Box |
| 載入前景圖片… | 從檔案系統選擇作為前景圖片 | File Open Dialog Box |
| 從剪貼簿貼上圖片 | 貼上剪貼簿中的圖片作為前景圖片 | |
| 連接到使用手冊… | 連結至博橡使用手冊 |