# Прогресс-бар

![Демонстрация](progress-bar-ultimate.webm)

**Автор**: [yandexphp](mailto:s.antonovich@arta.pro)

**Поддерживаемая версия Synergy**: 3.15 (wilkes)

**Файл конфигурации**: [progress-bar-ultimate.conf.xml](../../form-cmp/progress-bar-ultimate.conf.xml) [пользовательский компонент]

## Инструкция по использованию

* Добавить пользовательский компонент с названием `progressUltimate by [0x00034]` и внести в него скрипт.

```javascript
model.setValue({
    bar:54,                                             // Значение прогресс-бара
    bar1:54,                                            // Значение 1-ого прогресс-бара
    bar2:87,                                            // Значение 2-ого прогресс-бара
    expired:'bar2',                                     // Просроченный прогресс-бар
    doubleBar:true,                                     // Отключить двойной прогресс-бар
    config:{                                            // Конфигурация прогресс-бара
        bar:'#b3e062',                                  // Цвет прогресс-бара
        bar1:'#b3e062',                                 // Цвет 1-ого прогресс-бара
        bar2:'#ffe465',                                 // Цвет 2-ого прогресс-бара
        expired:'#e66868',                              // Цвет просроченного прогресс-бара
        background:'#ebebeb',                           // Фон самого прогресс-бара
        fontColor:'#fff',                               // Цвет текста
        fontSize:'14px',                                // Размер текста
        fontFamily:'Verdana',                           // Шрифт текста
        fontShadow:'1px 1px 2px black, 0 0 1em black',  // Тень текста
        template:'Выполнено: {$1}%'                     // HTML - изменения текста. {$1} - Прогресс-бар первый, {$2} - Прогресс-бар второй
    }
});
```