Skip to content

Commit 4b6b3ad

Browse files
authored
docs(progressbar): Improve Value and label information (#2353)
* docs(progressbar): Improve Value and label information * Update components/progressbar/overview.md
1 parent 2d95cac commit 4b6b3ad

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

components/progressbar/overview.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ The <a href = "https://www.telerik.com/blazor-ui/progressbar" target = "_blank">
3232

3333
## Label
3434

35-
The label is a text representation of the current progress. It is rendered inside the ProgressBar and by default shows the component value in percent. The [ProgressBar allows customization of the label position and content]({%slug progressbar-label%}). Use the label template to override the default percent label if the ProgressBar `Max` is not `100`.
35+
The label is a representation of the current progress. [Depending on the theme, it renders inside or next to the ProgressBar](https://demos.telerik.com/blazor-ui/progressbar/overview) and by default shows the component `Value` with an appended percent sign `%`. The [ProgressBar allows customization of the label position and content]({%slug progressbar-label%}). Use the label template to show the desired percent progress if the ProgressBar `Max` parameter is not `100`.
3636

3737
## Indeterminate State
3838

@@ -61,12 +61,12 @@ The ProgressBar provides the following features to further customize its behavio
6161

6262
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
6363

64-
| Attribute | Type and Default Value | Description |
65-
|----------|----------|----------|
66-
| `Class` | `string` | The CSS class that will be rendered on the main wrapping element. You can use it to cascade styles more easily.
67-
| `Max` | `double` <br/> 100 | The maximum value of the ProgressBar. It must be greater than `0`.
68-
| `Value` | `double` | The value of the ProgressBar. This value indicates the progress of the tracked process. It is a fraction of the `Max`.
69-
| `Orientation` | `ProgressBarOrientation` enum <br/> (`ProgressBarOrientation.Horizontal`) | The orientation of the ProgressBar. Takes a member of the `ProgressBarOrientation` enum - `Horizontal` or `Vertical`.
64+
| Parameter | Type and Default&nbsp;Value | Description |
65+
| --- | --- | --- |
66+
| `Class` | `string` | The CSS class that will be rendered on the main wrapping element. You can use it to cascade styles more easily. |
67+
| `Max` | `double` <br /> `100` | The maximum value of the ProgressBar. It must be greater than `0`. |
68+
| `Value` | `double` | The value of the ProgressBar, which indicates the progress of the tracked process as a percentage. If `Max` is not `100` or `Value` is not a percent number, then use a [ProgressBar label template]({%slug progressbar-label%}) to display the component value in the desired format and precision. |
69+
| `Orientation` | `ProgressBarOrientation` enum <br /> (`Horizontal`) | The orientation of the ProgressBar. It can be `Horizontal` or `Vertical`. |
7070

7171
## Next Steps
7272

0 commit comments

Comments
 (0)