<commit_before># vue-radial-progress [![npm package](https://img.shields.io/npm/v/vue-radial-progress.svg)](https://www.npmjs.com/package/vue-radial-progress)

> A radial progress bar component for Vue.js.

# Requirements

- [Vue.js](https://github.com/vuejs/vue) `^1.0.0`
- Module bundler: [webpack](https://github.com/webpack/webpack)

# Installation

``` bash
$ npm install vue-progress-bar
```
# Demo
[Demo](https://www.wyzant.com)

# Usage
``` html
<template>
  <radial-progress-bar :completed-steps="completedSteps"
                       :total-steps="totalSteps"></radial-progress-bar>
</template>

<script>
import RadialProgressBar from 'vue-radial-progress';

export default {
  data() {
    return {
      completedSteps: 0,
      totalSteps: 10
    }
  },

  components: {
    RadialProgressBar
  }
}
</script>
```

# Props

`diameter`

Diameter of the progress bar circle in pixels. Default: `200`

`totalSteps`

Total number of steps.

`completedSteps`

Number of steps in the progress that have been completed.

`startColor`

Start color of the progress bar gradient. Default: `#bbff42`

`stopColor`

Stop color of the progress bar gradient. Default: `#429321`

# Lint

  > npm run lint

# Dev

  > npm run dev
  
# License
<commit_msg>Update README.<commit_after># vue-radial-progress [![npm package](https://img.shields.io/npm/v/vue-radial-progress.svg)](https://www.npmjs.com/package/vue-radial-progress)

> A radial progress bar component for Vue.js.

# Requirements

- [Vue.js](https://github.com/vuejs/vue) `^1.0.26`
- Module bundler: [webpack](https://github.com/webpack/webpack)

# Installation

``` bash
$ npm install vue-progress-bar
```
# Demo
[Demo](https://www.wyzant.com)

# Usage
``` html
<template>
  <radial-progress-bar :completed-steps="completedSteps"
                       :total-steps="totalSteps"></radial-progress-bar>
</template>

<script>
import RadialProgressBar from 'vue-radial-progress';

export default {
  data() {
    return {
      completedSteps: 0,
      totalSteps: 10
    }
  },

  components: {
    RadialProgressBar
  }
}
</script>
```

# Props

`diameter`

Diameter of the progress bar circle in pixels. Default: `200`

`totalSteps`

Total number of steps.

`completedSteps`

Number of steps in the progress that have been completed.

`startColor`

Start color of the progress bar gradient. Default: `#bbff42`

`stopColor`

Stop color of the progress bar gradient. Default: `#429321`

# Lint

  > npm run lint

# Dev

  > npm run dev

# License

{'fraction_non_alphanumeric': 0.1410871302957634, 'fraction_numerical': 0.013988808952837729, 'mean_word_length': 3.50990990990991, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 21, 'https://': 10, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3328557', 'n_tokens_mistral': 935, 'n_tokens_neox': 861, 'n_words': 209}