CardsProgress Bar

Progress Bar Card

Preview

A visual component that renders a horizontal progress bar, capable of displaying progress using both integer and floating-point values to represent completion or status.

Initializer

Initializer requires min, max of range you want to display.

/* 
  Progress Card
  Valid Arguments: (ESPDash dashboard, Card Type, const char* name, const char* symbol (optional), int min, int max)
*/
Card card1(&dashboard, PROGRESS_CARD, "Progress1", "", 0, 255);

Callback

💡

Progress bar card doesn’t require any callback.


Updater

card1.update(int value);
card1.update(float value);

Or, update symbol along your value:

card1.update(244, "%");

Reference

This is a reference sketch showing positions for intializer and updater.

 
...
 
/* Progress card initializer */
Card progress(&dashboard, PROGRESS_CARD, "Progress1", "", 0, 255);
 
 
void setup() {
  ...
 
  /* Progress card updater - can be used anywhere (apart from global scope) */
  progress.update(100);
}
 
void loop() {
  ...
}
 
Copyright © 2024 Softt. All rights reserved.