Progress Bar Card

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() {
  ...
}