Progress bar

Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.

Разделы
- Основы
- Радиальный

# Основы

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

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

Purple Pink Blue Green Yellow Red Gray

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

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

33%

# Радиальный

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

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

sm md lg xl

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

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

33%