💎
Prizm Design System Documentation
ShowcaseGitHubRepot a Bug
  • About Prizm
    • Дизайн-система Prizm
    • Changelog
    • License
  • Guidelines
    • ⭕Accessibility
    • ⭕Colors
    • 🚧Design Tokens
      • Color
      • Border Radius
      • Box Shadow
      • Font
      • Line Height
      • Size
      • Space
      • Transition
      • Page
    • ⭕Grid
    • ⭕Iconography
    • ⭕Naming
    • ⭕Typography
    • 🚧Validation
  • Components
    • 🚧Accordion
    • 🚧Breadcrumbs
    • 🚧Buttons
      • Text Button
      • Icon Buttn
      • Split Button
    • 🚧Calendars
      • Calendar
      • Calendar Range
      • ⭕Calendar Month
      • Calendar Year
    • ⭕Card
    • 🚧Checkbox
    • 🚧Chips
    • 🚧Dialogs
      • Confirm dialog
      • Dialog
      • Sidebar
    • ⭕Hierarchy
    • Hint
    • 🚧Indicator
      • 🚧Counter
      • ⭕Point
      • ⭕Icon
    • 🚧Inputs
      • Chips
      • Chips Select
      • Chips Combobox
      • Date
      • Datе Time Range
      • Date Range
    • Navigation menu
    • 🚧Navigation Panel
      • Header
      • Navigation menu
    • 🚧Dropdown Menu
      • Context Menu
      • Dropdown Menu
    • 🚧Paginator
    • 🚧Panel
    • 🚧Progress
      • Bar
      • Spinner
    • 🚧RadioButton
    • 🚧Scrollbar
    • 🚧Shell
    • ⭕Skeleton
    • 🚧Slider
    • 🚧Splitter
    • 🚧Status Panel
    • 🚧Stepper
    • 🚧Switcher
    • ⭕Table
      • Настройки таблицы
    • 🚧Tab
    • Time Picker
    • 🚧Toast
    • 🚧Toggle
    • 🚧Tooltip
    • Tree
      • Tree Chevrone
      • Tree Line
    • 🚧Widget
  • Patterns
    • ⭕403 / 404
    • Query builder
    • ⭕Cron
    • None content
    • ⭕Group Content
    • ⭕File Upload
    • ⭕Side Menu
    • ⭕Zoom Control
Powered by GitBook
On this page
  • Общая информация
  • Анатомия
  • Описание работы
  • Статусы
  • Default
  • Warning
  • Danger
  • Success
  • Размеры
  • Цвета

Was this helpful?

  1. Components
  2. Progress

Spinner

PreviousBarNextRadioButton

Last updated 11 months ago

Was this helpful?

Общая информация

Графический элемент управления используемый для визуализации хода выполнения протяжённого во времени процесса, например загрузка или выгрузка данных. Также информирует пользователя о том, что система не зависла и задача выполняется. Может сопровождаться текстовым представлением прогресса в процентах, в тех случаях, когда количество данных известно системе.

Анатомия

  1. Indicator. Индикатор

  2. Indicator value. Значение индикатора

  3. Description. Описание

Описание работы

Пользователь совершает какое-либо действие приводящее к загрузке новых данных. Например переход на страницу или подгрузку данных в виджете. Может использоваться, как с известным, так и с неизвестным количеством данных.

Статусы

В большинстве случаев используется Default, но также, при наличии требований, могут использоваться и остальные статусы.

Default

По умолчанию. Стандартный загрузчик используемый в большинстве сценариев.

Warning

Может использоваться в случае, когда требуется обратить внимание пользователя на статус загрузки. Например подгрузку не всех запрашиваемых данных.

Danger

Загрузка с ошибкой

Success

Успешная загрузка

Размеры

Раздиус составляет 48 пикселей. Единовременно пользователь видит только 3/4 спиннера.

Цвета

🚧