Nova ProgressBar Field
This package allows you to add progressbar fields to your resources and dashboards in Nova.
It basically takes a field with a decimal value between 0 and 1 and shows it as a percentage progress bar.
It edits like a text field.
DISCLAIMER:
This package is still work in progress. Feel free to help improve it.
Requirements
Installation
Just run:
composer require Signifly/nova-progressbar-fieldAfter this the setup will be complete and you can use the components listed here.
Basic Usage
// in App\Nova\User
...
use signifly\Nova\Fields\ProgressBar\ProgressBar;
...
/**
* Get the fields available for the request.
*
* @param \Illuminate\Http\Request $request
* @return array
*/
public function fields(Request $request)
{
return [
ProgressBar::make('Awesomeness'),
];
}Advanced Options
Custom color
public function cards(Request $request)
{
return [
ProgressBar::make('Awesomeness')
->options([
'color' => '#FFEA82',
]),
];
}Animate Bar Color A -> B
public function cards(Request $request)
{
return [
ProgressBar::make('Awesomeness')
->options([
'fromColor' => '#FFEA82',
'toColor' => '#40BF55',
'animateColor' => true,
]),
];
}Feel free to come with suggestions for improvements.
