NodeREDGuidUKR

ДОВІДНИК З NODE-RED українською мовою

На головну Розділ
   

Progress ui-progress

https://dashboard.flowfuse.com/nodes/widgets/ui-progress

Відображає візуальний індикатор прогресу для показу стану виконання або поточних процесів на Dashboard.

image-20260104185900175

msg.control.enabled: true | false - Дозволяє керувати тим, чи активне поле числового введення.

Динамічні властивості – це властивості, які можуть бути перевизначені під час виконання шляхом надсилання відповідного msg до вузла.За потреби значення, задані в конфігурації Node-RED, будуть замінені значеннями з отриманих повідомлень.

Prop Payload Structures Example Values
Label msg.ui_update.label String  
Color msg.ui_update.color String  

Вхідні дані:

Індикатор прогресу приймає числові значення через msg.payload:

Приклад відображеного індикатора прогресу на Dashboard з рівнем виконання 79%.

Example of a Progress Bar

Індикатор прогресу можна оновлювати в реальному часі, надсилаючи повідомлення з числовим payload. Також можна динамічно змінювати підпис і колір:

// Оновити прогрес до 80%
msg.payload = 80;
return msg;

// Оновити прогрес і змінити підпис/колір
msg.payload = 45;
msg.ui_update = {
    label: "Loading Data",
    color: "warning"
};
return msg;

Індикатор прогресу зазвичай використовується для: