# ProgressBar Visualizes progress toward a maximum value. ```html ``` ## Attributes | Attribute | Type or allowed values | Default | Description | | --- | --- | --- | --- | | `value` | `number` | `0` | Sets the current value. | | `max` | `number` | `100` | Sets the maximum value. | | `title` | `string` | None | Sets the optional title. | ## Slots | Slot | Description | | --- | --- | | `description` | Supporting content below the bar. | ## Styling parts | Part | Description | | --- | --- | | `progress` | The progress container. | | `track` | The complete track. | | `value` | The filled track. | ## Basic progress Show progress with or without a title. ```html ``` ## Progress levels Compare empty, quarter, half, three-quarter, and complete states. ```html ``` ## Different scales Use any numeric range that suits the measured quantity. ```html ``` ## Edge cases Show overflowing, very small, and long-title progress values. ```html ```