Progress Bar (индикатор выполнения)

Progress Bar — — это компонент, который используется для визуализации прогресса выполнения задачи. Он может отображать прогресс в виде горизонтальной полосы, заполняющейся в зависимости от текущего значения. В данном случае компонент реализован с использованием HTML и CSS, поддерживает различные стили и настройки.

Пример HTML и CSS

Стандартный progress bar:

    
<smart
    name="progressbar"
    sf-code="progressbar"
    property = '{"size": "small"}'
    data='{"buttonText":"button", "description":"Description"}'
>
</smart>

    

Progress bar с событием

    
<smart
    name="progressbar"
    sf-code="progressbar"
    id="test_progressbar"
    events='{"ready":{"0":{"test_progressbar":{"action":"onLoad"}}}}'
    property = '{"size": "small"}'
    data='{"number":"1"}'
>
</smart>

    

Изменить статью