update

example/MainPage.qml

@@ -30,6 +30,10 @@ FluWindow {
             text:"InfoBar"
             page:"qrc:/T_InfoBar.qml"
         }
+        ListElement{
+            text:"Progress"
+            page:"qrc:/T_Progress.qml"
+        }
         ListElement{
             text:"Rectangle"
             page:"qrc:/T-Rectangle.qml"

example/T-Rectangle.qml

@@ -12,6 +12,7 @@ Item {
         FluText{
             text:"Rectangle"
             fontStyle: FluText.TitleLarge
+            Layout.topMargin: 20
         }
 
         FluRectangle{

example/T_Progress.qml

@@ -0,0 +1,42 @@
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import QtQuick.Window 2.15
+import QtGraphicalEffects 1.15
+import FluentUI 1.0
+
+Item {
+
+    ColumnLayout{
+        spacing: 5
+
+        FluText{
+            text:"Progress"
+            fontStyle: FluText.TitleLarge
+        }
+        FluProgressBar{
+            Layout.topMargin: 20
+        }
+        FluProgressRing{
+            Layout.topMargin: 10
+        }
+        FluProgressBar{
+            id:progress_bar
+            Layout.topMargin: 20
+            indeterminate: false
+        }
+        FluProgressRing{
+            id:progress_ring
+            Layout.topMargin: 10
+            indeterminate: false
+        }
+
+        FluSlider{
+            Layout.topMargin: 30
+            value:50
+            onValueChanged:{
+                progress_bar.progress = value/100
+                progress_ring.progress = value/100
+            }
+        }
+    }
+}

example/qml.qrc

@@ -9,5 +9,6 @@
         <file>T_Buttons.qml</file>
         <file>T-Rectangle.qml</file>
         <file>T_InfoBar.qml</file>
+        <file>T_Progress.qml</file>
     </qresource>
 </RCC>