Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-radial-progress

Package Overview
Dependencies
Maintainers
2
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-radial-progress - npm Package Compare versions

Comparing version 0.2.6 to 0.2.7

dist/vue-radial-progress.min.js

3

package.json
{
"name": "vue-radial-progress",
"version": "0.2.6",
"version": "0.2.7",
"description": "A radial progress bar component for Vue.js",

@@ -32,2 +32,3 @@ "main": "src/main.js",

"less-loader": "^2.2.2",
"vue": "^1.0.0",
"vue-hot-reload-api": "^1.2.0",

@@ -34,0 +35,0 @@ "vue-html-loader": "^1.0.0",

@@ -10,3 +10,3 @@ # vue-radial-progress [![npm package](https://img.shields.io/npm/v/vue-radial-progress.svg)](https://www.npmjs.com/package/vue-radial-progress)

- [Vue.js](https://github.com/vuejs/vue) `^1.0.0` (Compatible with Vue 1.0 or 2.0)
- Module bundler: [webpack](https://github.com/webpack/webpack)
- A module bundler such as [webpack](https://github.com/webpack/webpack) or use the minified version on its own.

@@ -16,3 +16,3 @@ # Installation

``` bash
$ npm install vue-radial-progress
$ npm install --save vue-radial-progress
```

@@ -51,38 +51,15 @@

`diameter`
Name | Default value | Description
---|---|---
`diameter` | `200` | Diameter of the progress bar circle in pixels.
`totalSteps` | `10` | Total number of steps to complete progress bar.
`completedSteps` | `0` | Number of completed steps in the progress bar.
`startColor` | `#bbff42` | The color of the leading edge of the progress bar gradient.
`stopColor` | `#429321` | The secondary color of the progress bar gradient.
`innerStrokeColor` | `#323232` | Background color of the progress bar.
`strokeWidth` | `10` | The width of the progress bar.
`animateSpeed` | `1000` | The amount of time in milliseconds to animate one step.
`fps` | `60` | The frames per second that the animation should run.
`timing-func` | `linear` | The transition timing function to use for the CSS transition. See [transition-timing-function](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function).
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`
`innerStrokeColor`
Color of the background of the progress bar. Default: `#323232`
`strokeWidth`
The width of the progress bar. Default: `10`
`animateSpeed`
The amount of time in milliseconds to animate one step. Default: `1000`
`fps`
The frames per second that the animation should run. Default: `60`
# Lint

@@ -89,0 +66,0 @@

@@ -9,3 +9,3 @@ var path = require('path')

publicPath: '/dist/',
filename: 'build.min.js',
filename: 'vue-radial-progress.min.js',
library: 'RadialProgressBar',

@@ -33,3 +33,3 @@ libraryTarget: 'umd',

if (process.env.NODE_ENV === 'production') {
module.exports.devtool = '#source-map'
module.exports.devtool = false
module.exports.plugins = (module.exports.plugins || []).concat([

@@ -44,3 +44,4 @@ new webpack.DefinePlugin({

warnings: false
}
},
sourceMap: false
}),

@@ -47,0 +48,0 @@ new webpack.optimize.OccurenceOrderPlugin()

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc