laravel-multi-step-progressbar

(★ 63)

Quickly implement a multi-step progress-bar in Laravel.

File Explorer

- - tests.yml
- genealabs-laravel-multi-step-progressbar.php
- - activated-bar.png
  - activated-bar@2x.png
  - activated-current-middle.png
  - activated-current-middle@2x.png
  - activated-end.png
  - activated-end@2x.png
  - activated-middle.png
  - activated-middle@2x.png
  - activated-start.png
  - activated-start@2x.png
  - active-activated-middle.png
  - active-activated-middle@2x.png
  - active-activated-start.png
  - active-activated-start@2x.png
  - active-current-end.png
  - active-current-end@2x.png
  - active-current-middle.png
  - active-current-middle@2x.png
  - active-current-start.png
  - active-current-start@2x.png
  - unactivated-bar.png
  - unactivated-bar@2x.png
  - unactivated-end.png
  - unactivated-end@2x.png
  - unactivated-middle.png
  - unactivated-middle@2x.png
- - Service.php
- ProgressbarItem.php
- MultiStepProgressbarComponentTest.php
- Pest.php
- ProgressbarItemTest.php
- TestCase.php
- phpcs
- phpmd
- phpstan
- phpunit
.gitignore
composer.json
package.json
phive
phive.xml
phpcs.xml
phpmd.xml
phpunit.xml.dist
README.md
webpack.mix.js

1. Get the code

git clone https://github.com/mikebronner/laravel-multi-step-progressbar

Downloads the entire project code from GitHub to your computer.

cd laravel-multi-step-progressbar

Moves into the project folder you just downloaded.

Easy Recommended

Prerequisites

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Easy

Prerequisites

composer require genealabs/laravel-multi-step-progressbar

Type this command into your terminal and run it.

✅ Run it with a built-in server like php -S localhost:8000, then open http://localhost:8000 in your browser.

Pulled directly from this repo's README.