Progress bar

# Основы

Компонент moonshine::progress-bar позволяет создавать индикатор прогресса.

Доступные цвета:

primary secondary success warning error info

<x-moonshine::progress-bar
    color="primary"
    :value="33"
>
    33%
</x-moonshine::progress-bar>

<x-moonshine::progress-bar
    color="primary"
    :value="33"
>
    33%
</x-moonshine::progress-bar>

33%

# Радиальный

Для создания радиального индикатора прогресса необходимо компоненту передать параметр radial со значением TRUE.

Доступные размеры:

sm md lg xl

<x-moonshine::progress-bar
    color="secondary"
    :radial="true"
    :value="33"
    size="md"
>
    33%
</x-moonshine::progress-bar>

<x-moonshine::progress-bar
    color="secondary"
    :radial="true"
    :value="33"
    size="md"
>
    33%
</x-moonshine::progress-bar>

33%