CR

OS-pedrolourenco · OS-pedrolourenco · commit 09bfdc0d470b · 2025-02-12T17:33:58.000Z
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
@@ -2610,7 +2610,7 @@ export namespace Components {
          */
         "reversed": boolean;
         /**
-          * Set to `"round"` for a progress-bar with rounded corners, or `"rectangular"` for a progress-bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+          * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"` for a progress bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
          */
         "shape"?: 'round' | 'rectangular';
         /**
@@ -7964,7 +7964,7 @@ declare namespace LocalJSX {
          */
         "reversed"?: boolean;
         /**
-          * Set to `"round"` for a progress-bar with rounded corners, or `"rectangular"` for a progress-bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+          * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"` for a progress bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
          */
         "shape"?: 'round' | 'rectangular';
         /**
diff --git a/core/src/components/progress-bar/progress-bar.tsx b/core/src/components/progress-bar/progress-bar.tsx
@@ -58,8 +58,8 @@ export class ProgressBar implements ComponentInterface {
   @Prop({ reflect: true }) color?: Color;
 
   /**
-   * Set to `"round"` for a progress-bar with rounded corners, or `"rectangular"`
-   * for a progress-bar without rounded corners.
+   * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"`
+   * for a progress bar without rounded corners.
    *
    * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
    */
diff --git a/core/src/components/progress-bar/test/shape/index.html b/core/src/components/progress-bar/test/shape/index.html
@@ -12,19 +12,6 @@
     <script src="../../../../../scripts/testing/scripts.js"></script>
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-
-    <style>
-      ion-content::part(scroll) {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-      }
-
-      ion-progress-bar {
-        margin: 10px 0;
-        width: 70%;
-      }
-    </style>
   </head>
 
   <body>
@@ -36,14 +23,28 @@
       </ion-header>
 
       <ion-content class="ion-padding">
-        <ion-label> Default </ion-label>
-        <ion-progress-bar value="0.50"></ion-progress-bar>
+        <ion-list lines="none">
+          <ion-list-header>
+            <ion-label> Default </ion-label>
+          </ion-list-header>
+          <ion-item>
+            <ion-progress-bar value="0.50"></ion-progress-bar>
+          </ion-item>
 
-        <ion-label> Round </ion-label>
-        <ion-progress-bar value="0.50" shape="round"></ion-progress-bar>
+          <ion-list-header>
+            <ion-label> Round </ion-label>
+          </ion-list-header>
+          <ion-item>
+            <ion-progress-bar value="0.50" shape="round"></ion-progress-bar>
+          </ion-item>
 
-        <ion-label> Rectangular </ion-label>
-        <ion-progress-bar value="0.50" shape="rectangular"></ion-progress-bar>
+          <ion-list-header>
+            <ion-label> Rectangular </ion-label>
+          </ion-list-header>
+          <ion-item>
+            <ion-progress-bar value="0.50" shape="rectangular"></ion-progress-bar>
+          </ion-item>
+        </ion-list>
       </ion-content>
     </ion-app>
   </body>
