{"id":20441402,"url":"https://github.com/sandromaglione/step-progress-indicator","last_synced_at":"2025-04-07T15:10:22.638Z","repository":{"id":41336716,"uuid":"235799500","full_name":"SandroMaglione/step-progress-indicator","owner":"SandroMaglione","description":"Open source Flutter package, bar indicator made of a series of selected and unselected steps","archived":false,"fork":false,"pushed_at":"2022-01-02T16:22:57.000Z","size":3288,"stargazers_count":164,"open_issues_count":14,"forks_count":37,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-31T13:18:56.515Z","etag":null,"topics":["circular-loading-indicator","circular-progress","circular-progress-bar","circular-progress-indicator","circular-step-progress-indicator","circularprogressbar","dart-package","flutter","flutter-package","flutter-ui","flutter-widget","flutter-widgets","loading-indicator","mobile-ui","progress-bar","progress-indicator","progress-indicators","progressbar","step-progress-indicator","ui-components"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/step_progress_indicator","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SandroMaglione.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-01-23T13:23:10.000Z","updated_at":"2025-01-14T12:33:15.000Z","dependencies_parsed_at":"2022-08-29T01:51:18.620Z","dependency_job_id":null,"html_url":"https://github.com/SandroMaglione/step-progress-indicator","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SandroMaglione%2Fstep-progress-indicator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SandroMaglione%2Fstep-progress-indicator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SandroMaglione%2Fstep-progress-indicator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SandroMaglione%2Fstep-progress-indicator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SandroMaglione","download_url":"https://codeload.github.com/SandroMaglione/step-progress-indicator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675607,"owners_count":20977378,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["circular-loading-indicator","circular-progress","circular-progress-bar","circular-progress-indicator","circular-step-progress-indicator","circularprogressbar","dart-package","flutter","flutter-package","flutter-ui","flutter-widget","flutter-widgets","loading-indicator","mobile-ui","progress-bar","progress-indicator","progress-indicators","progressbar","step-progress-indicator","ui-components"],"created_at":"2024-11-15T09:32:36.979Z","updated_at":"2025-04-07T15:10:22.613Z","avatar_url":"https://github.com/SandroMaglione.png","language":"Dart","funding_links":["https://www.buymeacoffee.com/sandromaglione","https://shields.io/badge/sandromaglione-Support--me-FFDD00?logo=buy-me-a-coffee\u0026style=for-the-badge\u0026link=https://www.buymeacoffee.com/sandromaglione"],"categories":[],"sub_categories":[],"readme":"# Step Progress Indicator\n\n\u003cp\u003e\n  \u003ca href=\"https://github.com/SandroMaglione/step-progress-indicator\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/SandroMaglione/step-progress-indicator?logo=github\" /\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"https://img.shields.io/github/license/SandroMaglione/step-progress-indicator?logo=github\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/version-1.0.2-blue.svg\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/flutter-v2.8.0-blue.svg\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/dart-v2.15.0-blue.svg\" /\u003e\n  \u003ca href=\"https://github.com/SandroMaglione\"\u003e\n    \u003cimg alt=\"GitHub: SandroMaglione\" src=\"https://img.shields.io/github/followers/SandroMaglione?label=Follow\u0026style=social\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/SandroMaglione\"\u003e\n    \u003cimg alt=\"Twitter: SandroMaglione\" src=\"https://img.shields.io/twitter/follow/SandroMaglione.svg?style=social\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ca href=\"https://www.buymeacoffee.com/sandromaglione\"\u003e\n    \u003cimg src=\"https://shields.io/badge/sandromaglione-Support--me-FFDD00?logo=buy-me-a-coffee\u0026style=for-the-badge\u0026link=https://www.buymeacoffee.com/sandromaglione\" /\u003e\n\u003c/a\u003e\n\nOpen source Flutter package, bar indicator made of a series of selected and unselected steps.\n\nMade by Sandro Maglione, check out his personal official website [sandromaglione.com](https://www.sandromaglione.com)\n\n**[Check out the full step_progress_indicator tutorial](https://www.sandromaglione.com/2020/01/24/step-progress-indicator-flutter-package-tutorial/)**\n\nSee the full example [here](https://github.com/SandroMaglione/step-progress-indicator/tree/master/example)\n\nCheck out the official dartdoc for the package [here](https://pub.dev/documentation/step_progress_indicator/latest/step_progress_indicator/StepProgressIndicator-class.html)\n\n## Screenshots\n\nInstall and import the package. Then just customize its parameters.\n\n```yaml\ndependencies:\n  flutter:\n    sdk: flutter\n  step_progress_indicator: ^1.0.2\n```\n\n---\n\n\u003e The last no null-safe version of the package was [v0.2.5+8](https://pub.dev/packages/step_progress_indicator/versions/0.2.5+8)\n\n|                                                                 Horizontal                                                                  |                                                                 Vertical                                                                  |\n| :-----------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------: |\n| ![Horizontal indicator screen](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/screen1.png) | ![Vertical indicator screen](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/screen2.png) |\n\n|                                                                                               Circular1                                                                                                |                                                                                                Circular2                                                                                                |\n| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                       ![Circular step progress indicator screen 1](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/screen3.png)                        |                        ![Circular step progress indicator screen 2](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/screen4.png)                        |\n| ![Circular step progress indicator screen 1](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/circular_step_progress_indicator/circular_animation1.gif) | ![Circular step progress indicator example 1](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/circular_step_progress_indicator/circular_indicator1.png) |\n\n---\n\n## Examples\n\n#### StepProgressIndicator - Example 1\n\n![Step Progress Indicator - Example 1](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example1.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 10,\n)\n```\n\n#### StepProgressIndicator - Example 2\n\n![Step Progress Indicator - Example 2](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example2.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 10,\n    currentStep: 6,\n    selectedColor: Colors.red,\n    unselectedColor: Colors.yellow,\n)\n```\n\n#### StepProgressIndicator - Example 3\n\n![Step Progress Indicator - Example 3](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example3.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 20,\n    currentStep: 6,\n    size: 10,\n    selectedColor: Colors.purple,\n    unselectedColor: Colors.transparent,\n)\n```\n\n#### StepProgressIndicator - Example 4\n\n![Step Progress Indicator - Example 4](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example4.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 15,\n    currentStep: 12,\n    size: 20,\n    selectedColor: Colors.amber,\n    unselectedColor: Colors.black,\n    roundedEdges: Radius.circular(10),\n    gradientColor: LinearGradient(\n        begin: Alignment.topLeft,\n        end: Alignment.bottomRight,\n        colors: [Colors.orange, Colors.white],\n    ),\n),\n```\n\n#### StepProgressIndicator - Example 5\n\n![Step Progress Indicator - Example 5](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example5.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 100,\n    currentStep: 32,\n    size: 8,\n    padding: 0,\n    selectedColor: Colors.yellow,\n    unselectedColor: Colors.cyan,\n    roundedEdges: Radius.circular(10),\n    selectedGradientColor: LinearGradient(\n        begin: Alignment.topLeft,\n        end: Alignment.bottomRight,\n        colors: [Colors.yellowAccent, Colors.deepOrange],\n    ),\n    unselectedGradientColor: LinearGradient(\n        begin: Alignment.topLeft,\n        end: Alignment.bottomRight,\n        colors: [Colors.black, Colors.blue],\n    ),\n),\n```\n\n#### StepProgressIndicator - Example 6\n\n![Step Progress Indicator - Example 6](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example6.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 12,\n    currentStep: 4,\n    padding: 6.0,\n    size: 12,\n    progressDirection: TextDirection.rtl,\n    selectedColor: Colors.green,\n    unselectedColor: Colors.black12,\n    selectedGradientColor: LinearGradient(\n        begin: Alignment.topLeft,\n        end: Alignment.bottomRight,\n        colors: [Colors.yellowAccent, Colors.deepOrange],\n    ),\n    unselectedGradientColor: LinearGradient(\n        begin: Alignment.topLeft,\n        end: Alignment.bottomRight,\n        colors: [Colors.black, Colors.blue],\n    ),\n)\n```\n\n#### StepProgressIndicator - Example 7\n\n![Step Progress Indicator - Example 7](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example7.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 5,\n    padding: 20.0,\n    size: 20,\n    customColor: (index) =\u003e index == 0\n        ? Colors.redAccent\n        : index == 4 ? Colors.blueAccent : Colors.deepOrange,\n)\n```\n\n#### StepProgressIndicator - Example 8\n\n![Step Progress Indicator - Example 8](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example8.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 6,\n    currentStep: 4,\n    size: 36,\n    selectedColor: Colors.black,\n    unselectedColor: Colors.grey[200],\n    customStep: (index, color, _) =\u003e color == Colors.black\n        ? Container(\n            color: color,\n            child: Icon(\n            Icons.check,\n            color: Colors.white,\n            ),\n        )\n        : Container(\n            color: color,\n            child: Icon(\n            Icons.remove,\n            ),\n        ),\n)\n```\n\n#### StepProgressIndicator - Example 9\n\n![Step Progress Indicator - Example 9](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/step_progress_indicator/linear_bar_example9.png)\n\n```dart\nStepProgressIndicator(\n    totalSteps: 10,\n    currentStep: 7,\n    selectedColor: Colors.pink,\n    unselectedColor: Colors.amber,\n    customSize: (index) =\u003e (index + 1) * 10.0,\n)\n```\n\n---\n\n#### CircularStepProgressIndicator - Example 1\n\n![Circular Step Progress Indicator - Example 1](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/circular_step_progress_indicator/circular_bar_example1.png)\n\n```dart\nRow(\n    mainAxisAlignment: MainAxisAlignment.spaceEvenly,\n    children: \u003cWidget\u003e[\n        CircularStepProgressIndicator(\n            totalSteps: 10,\n            currentStep: 6,\n            width: 100,\n            roundedCap: (_, isSelected) =\u003e isSelected,\n        ),\n        CircularStepProgressIndicator(\n            totalSteps: 12,\n            currentStep: 6,\n            selectedColor: Colors.redAccent,\n            unselectedColor: Colors.grey[200],\n            selectedStepSize: 10.0,\n            width: 100,\n            gradientColor: LinearGradient(\n                begin: Alignment.topLeft,\n                end: Alignment.bottomRight,\n                colors: [Colors.cyan, Colors.orangeAccent],\n            ),\n        ),\n        CircularStepProgressIndicator(\n            totalSteps: 20,\n            currentStep: 6,\n            padding: math.pi / 15,\n            selectedColor: Colors.cyan,\n            unselectedColor: Colors.yellowAccent,\n            selectedStepSize: 3.0,\n            unselectedStepSize: 9.0,\n            width: 100,\n        ),\n    ],\n)\n```\n\n#### CircularStepProgressIndicator - Example 2\n\n![Circular Step Progress Indicator - Example 2](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/circular_step_progress_indicator/circular_bar_example2.png)\n\n```dart\nRow(\n    mainAxisAlignment: MainAxisAlignment.spaceEvenly,\n    children: \u003cWidget\u003e[\n    CircularStepProgressIndicator(\n        totalSteps: 20,\n        currentStep: 12,\n        stepSize: 20,\n        selectedColor: Colors.red,\n        unselectedColor: Colors.purple[400],\n        padding: math.pi / 80,\n        width: 150,\n        height: 150,\n        startingAngle: -math.pi * 2 / 3,\n        arcSize: math.pi * 2 / 3 * 2,\n        gradientColor: LinearGradient(\n            colors: [Colors.red, Colors.purple[400]],\n        ),\n    ),\n    CircularStepProgressIndicator(\n        totalSteps: 100,\n        currentStep: 74,\n        stepSize: 10,\n        selectedColor: Colors.greenAccent,\n        unselectedColor: Colors.grey[200],\n        padding: 0,\n        width: 150,\n        height: 150,\n        selectedStepSize: 15,\n        roundedCap: (_, __) =\u003e true,\n    ),\n    ],\n),\n```\n\n#### CircularStepProgressIndicator - Example 3\n\n![Circular Step Progress Indicator - Example 3](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/circular_step_progress_indicator/circular_bar_example3.png)\n\n```dart\nCircularStepProgressIndicator(\n    totalSteps: 100,\n    currentStep: 72,\n    selectedColor: Colors.yellow,\n    unselectedColor: Colors.lightBlue,\n    padding: 0,\n    width: 100,\n    child: Icon(\n        Icons.tag_faces,\n        color: Colors.red,\n        size: 84,\n    ),\n)\n```\n\n#### CircularStepProgressIndicator - Example 4\n\n![Circular Step Progress Indicator - Example 4](https://raw.githubusercontent.com/SandroMaglione/step-progress-indicator/master/doc/screenshots/circular_step_progress_indicator/circular_bar_example4.png)\n\n```dart\nCircularStepProgressIndicator(\n    totalSteps: 20,\n    stepSize: 20,\n    customColor: (index) =\u003e index % 3 == 0\n        ? Colors.deepPurple\n        : index % 2 == 0\n            ? Colors.deepOrange\n            : Colors.grey[100],\n    width: 250,\n)\n```\n\n---\n\n## StepProgressIndicator Parameters\n\n| Parameter                        | Type                 | Description                                                                                                                                                                                                                                                                               | Default                     |\n| -------------------------------- | -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |\n| **totalSteps**                   | `int`                | Total number of step of the complete indicator.                                                                                                                                                                                                                                           | **`@required`**             |\n| currentStep                      | `int`                | Number of steps to underline, all the steps with index \u003c= `currentStep` will have Color equal to `selectedColor`.                                                                                                                                                                         | 0                           |\n| customStep`(int, Color, double)` | `Widget`             | Defines a custom Widget to display at each step, given the current step index, the Color, which could be defined with `selectedColor` and `unselectedColor` or using `customColor`, and its size, which could be defined using `size`, `selectedSize`, `unselectedSize`, or `customSize`. | -                           |\n| onTap`(int)`                     | `void Function()`    | Defines onTap function given index of the pressed step.                                                                                                                                                                                                                                   | -                           |\n| customColor`(int)`               | `Color`              | Assign a custom Color for each step.                                                                                                                                                                                                                                                      | -                           |\n| customSize`(int)`                | `double`             | Assign a custom size for each step.                                                                                                                                                                                                                                                       | -                           |\n| selectedColor                    | `Color`              | Color of the selected steps.                                                                                                                                                                                                                                                              | `Colors.blue`               |\n| unselectedColor                  | `Color`              | Color of the unselected steps.                                                                                                                                                                                                                                                            | `Colors.grey`               |\n| gradientColor                    | `Gradient`           | Apply gradient color to the indicator.                                                                                                                                                                                                                                                    | -                           |\n| selectedGradientColor            | `Gradient`           | Apply gradient color to the selected steps of the indicator.                                                                                                                                                                                                                              | -                           |\n| unselectedGradientColor          | `Gradient`           | Apply gradient color to the unselected steps of the indicator.                                                                                                                                                                                                                            | -                           |\n| blendMode                        | `BlendMode`          | Apply `BlendMode` to `ShaderMask` when `gradientColor`, `selectedGradientColor`, or `unselectedGradientColor` defined.                                                                                                                                                                    | -                           |\n| direction                        | `Axis`               | Defines if indicator is horizontal or vertical.                                                                                                                                                                                                                                           | `Axis.horizontal`           |\n| progressDirection                | `TextDirection`      | Defines if steps grow from left-to-right / top-to-bottom `TextDirection.ltr` or right-to-left / bottom-to-top `TextDirection.rtl`.                                                                                                                                                        | `TextDirection.ltr`         |\n| size                             | `double`             | Size of the indicator (height if `direction` is `Axis.horizontal`, width if `Axis.vertical`).                                                                                                                                                                                             | 4.0                         |\n| padding                          | `double`             | Spacing, left-right if horizontal, top-bottom if vertical, of each step.                                                                                                                                                                                                                  | 2.0                         |\n| fallbackLength                   | `double`             | Length of the progress indicator in case the main axis (based on `direction` attribute) has no size limit i.e. `double.infinity`.                                                                                                                                                         | 100.0                       |\n| selectedSize                     | `double`             | Specify a custom size for selected steps.                                                                                                                                                                                                                                                 | -                           |\n| unselectedSize                   | `double`             | Specify a custom size for unselected steps.                                                                                                                                                                                                                                               | -                           |\n| roundedEdges                     | `Radius`             | Add rounded edge corners to first and last step.                                                                                                                                                                                                                                          | -                           |\n| mainAxisAlignment                | `MainAxisAlignment`  | Assign alignment `MainAxisAlignment` for indicator's container.                                                                                                                                                                                                                           | `MainAxisAlignment.center`  |\n| crossAxisAlignment               | `CrossAxisAlignment` | Assign alignment `CrossAxisAlignment` for indicator's container.                                                                                                                                                                                                                          | `CrossAxisAlignment.center` |\n| stepMainAxisAlignment            | `MainAxisAlignment`  | Assign alignment `MainAxisAlignment` for a single step.                                                                                                                                                                                                                                   | `MainAxisAlignment.center`  |\n| stepCrossAxisAlignment           | `CrossAxisAlignment` | Assign alignment `CrossAxisAlignment` for a single step.                                                                                                                                                                                                                                  | `CrossAxisAlignment.center` |\n\n---\n\n## CircularStepProgressIndicator Parameters\n\n| Parameter                   | Type                | Description                                                                                                                                                             | Default                       |\n| --------------------------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------- |\n| **totalSteps**              | `int`               | Total number of step of the complete indicator.                                                                                                                         | **`@required`**               |\n| currentStep                 | `int`               | Number of steps to underline, all the steps with index \u003c= `currentStep` will have Color equal to `selectedColor`.                                                       | 0                             |\n| child                       | `Widget`            | Widget child contained inside the indicator.                                                                                                                            | -                             |\n| selectedColor               | `Color`             | Color of the selected steps.                                                                                                                                            | `Colors.blue`                 |\n| unselectedColor             | `Color`             | Color of the unselected steps.                                                                                                                                          | `Colors.grey`                 |\n| customColor`(int)`          | `Color`             | Assign a custom Color for each step.                                                                                                                                    | -                             |\n| gradientColor               | `Gradient`          | Apply a gradient color to the indicator.                                                                                                                                | -                             |\n| customStepSize`(int, bool)` | `double`            | Assign a custom size for each step.                                                                                                                                     | -                             |\n| selectedStepSize            | `double`            | Specify a custom size for selected steps.                                                                                                                               | -                             |\n| unselectedStepSize          | `double`            | Specify a custom size for unselected steps.                                                                                                                             | -                             |\n| circularDirection           | `CircularDirection` | Defines if steps grow clockwise (`CircularDirection.clockwise`) or counterclockwise (`CircularDirection.counterclockwise`)                                              | `CircularDirection.clockwise` |\n| stepSize                    | `double`            | Size of the each step of the indicator.                                                                                                                                 | 6.0                           |\n| height                      | `double`            | Height of the indicator's container.                                                                                                                                    | -                             |\n| width                       | `double`            | Width of the indicator's container.                                                                                                                                     | -                             |\n| padding                     | `double`            | Spacing between each step.                                                                                                                                              | `math.pi / 20`                |\n| startingAngle               | `double`            | Angle in which is placed the starting point of the indicator.                                                                                                           | 0                             |\n| roundedCap`(int, bool)`     | `bool`              | Adds rounded edges at the beginning and at the end of the circular indicator given `int` index of each step and a `bool` telling if the step is selected.               | `(_, __) =\u003e false`            |\n| removeRoundedCapExtraAngle  | `bool`              | Removes extra angle caused by `StrokeCap.butt` when `roundedCap` is applied [#20](https://github.com/SandroMaglione/step-progress-indicator/issues/20#issue-786114745). | `false`                       |\n| arcSize                     | `double`            | Angle in radiants which represents the size of the arc used to display the indicator.                                                                                   | `math.pi * 2`                 |\n| fallbackHeight              | `double`            | Height of the indicator's container in case the parent height has no size limit i.e. `double.infinity`.                                                                 | 100.0                         |\n| fallbackWidth               | `double`            | Width of the indicator's container in case the parent width has no size limit i.e. `double.infinity`.                                                                   | 100.0                         |\n\n---\n\n## Roadmap\n\nI am always open for suggestions and ideas for possible improvements or fixes.\n\nFeel free to open a [**Pull Request**](https://github.com/SandroMaglione/step-progress-indicator/pulls) if you would like to contribute to the project.\n\nIf you would like to have a new feature implemented, just write a new issue.\n\n## Versioning\n\n- v1.0.2 - 2 January 2022\n- v1.0.1 - 16 June 2021\n- v1.0.0 - 10 May 2021\n- v0.2.5+8 - 01 December 2020\n- v0.2.4+7 - 25 August 2020\n- v0.2.3+6 - 20 May 2020\n- v0.2.2+5 - 26 April 2020\n- v0.2.1+4 - 25 February 2020\n- v0.2.0+3 - 24 February 2020\n- v0.1.1+2 - 24 January 2020\n- v0.1.0+1 - 23 January 2020\n\n## Support\n\nIf you would like to support my work, why don't you buy me a coffee?\n\n\u003ca href=\"https://www.buymeacoffee.com/sandromaglione\"\u003e\n    \u003cimg src=\"https://shields.io/badge/sandromaglione-Support--me-FFDD00?logo=buy-me-a-coffee\u0026style=for-the-badge\u0026link=https://www.buymeacoffee.com/sandromaglione\" /\u003e\n\u003c/a\u003e\n\n## License\n\nMIT License, see the [LICENSE.md](https://github.com/SandroMaglione/step-progress-indicator/blob/master/LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsandromaglione%2Fstep-progress-indicator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsandromaglione%2Fstep-progress-indicator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsandromaglione%2Fstep-progress-indicator/lists"}