Hyprpanel Idea: Progress Bars and Circle Progress Bars for System Metrics

[AleksElixir]

Progress Bars:
Horizontal bars that fill up based on the percentage of resource usage.

Example:
RAM: [=====------] 50% (8GB/16GB)

Disk: [=======----] 70% (350GB/500GB)

Customizable colors to indicate thresholds (e.g., green for <50%, yellow for 50-80%, red for >80%).

Circle Progress Bars:
Circular progress indicators that fill up clockwise based on the percentage of resource usage(preferably around the module icon).

Example:
RAM: A circle that fills up to 50% for 8GB used out of 16GB.

Disk: A circle that fills up to 70% for 350GB used out of 500GB.

Customizable colors and thickness for the circle.

Dynamic Updates:
Both progress bars and circle progress bars update in real-time to reflect current system metrics.

Tooltips:
Hovering over a progress bar or circle displays a tooltip with detailed information (e.g., "8GB of 16GB RAM used").

Customizable Modules:
Users can toggle between progress bars and circle progress bars for each module.