PHP code example of devletes / filament-progress-bar
1. Go to this page and download the library: Download devletes/filament-progress-bar library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
devletes / filament-progress-bar example snippets
use Devletes\FilamentProgressBar\Tables\Columns\ProgressBarColumn;
ProgressBarColumn::make('used')
->maxValue(fn ($record) => $record->quota)
->showProgressValue()
->showPercentage();
use Devletes\FilamentProgressBar\Infolists\Components\ProgressBarEntry;
ProgressBarEntry::make('leave_progress')
->label('Sick Leave')
->icon('heroicon-o-heart')
->iconColor('primary')
->getStateUsing(fn ($record) => [
'progress' => $record->leave_used,
'total' => $record->leave_total,
]);
ProgressBarColumn::make('used')
->maxValue(fn ($record) => $record->quota);
ProgressBarColumn::make('leave_progress')
->state(fn ($record) => [
'progress' => $record->used_days,
'total' => $record->allocated_days,
]);
->height('0.5rem')
->height('48px')
->height('clamp(1rem, 4vw, 4rem)')
->borderRadius('4px')
->borderRadius('0.5rem')
->borderRadius('calc(var(--radius) * 2)')
->innerBorderRadius('0') // flat progress edge inside a pill track
->borderRadius('4px')->innerBorderRadius('0')
ProgressBarColumn::make('cpu')
->warningThreshold(70) // ≥ 70% → warning
->dangerThreshold(90); // ≥ 90% → danger
ProgressBarColumn::make('battery_percent')
->thresholdDirection('descending')
->warningThreshold(30) // ≤ 30% → warning
->dangerThreshold(10); // ≤ 10% → danger
ProgressBarColumn::make('score')
->thresholds([
80 => 'success',
60 => 'warning',
40 => 'info',
0 => 'danger',
]);
->statusColors([
'excellent' => 'rgb(16 185 129)',
])
->statusLabels([
'info' => fn (int $percentage) => "Watch ({$percentage}%)",
])
->successColor('rgb(16 185 129)')
->warningColor(fn ($record) => $record->is_critical ? '#ff0000' : 'orange')
->dangerColor('var(--my-danger-color)')
->trackColor('rgb(229 231 235)')
->trackColor('var(--primary-100)')
->trackColor('color-mix(in oklab, var(--primary-500) 15%, transparent)')
->trackColor('var(--my-track)')
->successLabel('On track')
->warningLabel(fn (int $percentage) => "Watch ({$percentage}%)")
->dangerLabel(fn (float $current, ?float $total) => "{$current} / {$total} used")
ProgressBarColumn::make('battery_percent')
->thresholdDirection('descending')
->warningThreshold(30)
->dangerThreshold(10);
ProgressBarColumn::make('quality')
->thresholds([
90 => 'success',
70 => 'info',
40 => 'warning',
0 => 'danger',
]);
ProgressBarColumn::make('used')
->maxValue(fn ($record) => $record->quota)
->borderRadius('4px')
->size('md');
ProgressBarColumn::make('leave_progress')
->state(fn ($record) => [
'progress' => $record->leave_used,
'total' => $record->leave_total,
])
->hideProgressValue()
->hidePercentage();
ProgressBarColumn::make('progress')
->successColor(fn ($record) => $record->is_priority ? '#7c3aed' : null);
ProgressBarEntry::make('inventory')
->label('Stock remaining')
->icon('heroicon-o-cube')
->iconColor('primary')
->inlineLabel()
->getStateUsing(fn ($record) => [
'progress' => $record->stock,
'total' => $record->capacity,
])
->thresholdDirection('descending')
->warningThreshold(40)
->dangerThreshold(15)
->dangerLabel(fn (float $current, ?float $total) => "Only {$current} left of {$total}");
bash
php artisan filament:assets