项目作者: ManojkumarMuralidharan

项目描述 :
CSS3 based radial progress bar
高级语言: JavaScript
项目地址: git://github.com/ManojkumarMuralidharan/CSS3-RadialProgressBar.git
创建时间: 2016-10-23T19:20:22Z
项目社区:https://github.com/ManojkumarMuralidharan/CSS3-RadialProgressBar

开源协议:MIT License

下载


CSS3-RadialProgressBar

A CSS3 based radial progress bar

CSS3 ProgressBar

Installation

  1. Make sure you include the progress bar template
  2. Create a new container in the DOM
  3. Create a new instance of the progress bar
    1. var newProgressBar = new Css3ProgressBar('container1');
  4. Call the setProgress function to set its progress
    1. document.getElementById('percentValue').addEventListener('keyup', function() {
    2. newProgressBar.setProgress(this.value);
    3. }, false);

Todo

  1. Create closure to make each module deal with its own mask and fill
  2. Add configuration to modify colors

@andsens/radial-progress-indicator-using-css-a917b80c43f9#.6bjwej9v3">This project was inspired from a colleague of mine and this post by Anders Ingemann