1.0.1 • Published 9 years ago

weex-percentage-circle v1.0.1

Weekly downloads
4
License
ISC
Repository
github
Last release
9 years ago

weex-percentage-circle

weex-percentage-circle is a component which supports you define your percent and draw the circle.And also you can use it as a progress bar.

shots:

Start

npm i weex-percentage-circle --save
<template>
  <div class="container">
    <div class="item">
        <weex-percentage-circle border-width="2" color="#e74c3c" percent="100" radius="60"></weex-percentage-circle> 
     </div>
     
  </div>
</template>

<style>
  .container{
    display: flex;
    flex-direction: column;
    align-self: center;
    align-items: center;
  }
  
</style>

<script>
  require('../../src/weex-percentage-circle.we')

</script>

Options

PropsTypeExampleDescription
colorstring'#000'the color of border
percentNumber30the percent you need
radiusNumber20how large the circle is
border-widthNumber(default 2)5the width of percentage progress bar

Contributions

Your contributions and suggestions are welcome 😄😄😄

React-Native-Percentage-Circle

MIT License

1.0.1

9 years ago

1.0.0

9 years ago

0.9.9

9 years ago

0.9.4

9 years ago

0.9.2

9 years ago

0.9.1

9 years ago