ProgressBar

Makes some progress to get there.

Example
Prova 1
4
Prova 2
3
Prova 3
4

Props

    🕹ī¸ standard props
    value
    number
    Current value of the progress bar
    0
    total
    number
    Total value for the progress bar
    100
    valueTooltip
    boolean
    Toggle the visibility of the tooltip
    false
    valueTooltipLabel
    string | number
    Custom label for the tooltip
    undefined
    🎨 style props
    --progress-bar-background-color
    color
    Background color of the progress bar
    rgb(var(--global-color-background-300), .3)
    --progress-bar-highlight-color
    color
    Highlight color of the progress bar
    rgb(var(--global-color-primary-500))
    --progress-bar-height
    size
    Height of the progress bar
    5px
    --progress-bar-width
    size
    Width of the progress bar
    100%
    --progress-bar-border-radius
    size
    Border radius for the progress bar
    2px
    --progress-bar-tooltip-background-color
    color
    Background color of the tooltip
    rgb(var(--global-color-background-100))
    --progress-bar-tooltip-border-radius
    size
    Border radius of the tooltip
    8px

Slots

    No data available

Events

    No data available