GithubHelp home page GithubHelp logo

kavindu-mane / react-percentage-bar Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 1.0 535 KB

✨ React linear and circular percentage progress bars.

Home Page: https://www.kavindu.me/projects/react-percentage-bar

License: MIT License

JavaScript 94.46% CSS 5.54%
percentage-bar percentage-circle percentage-progress-circle progress-bar progress-circle react-progress-bar react-progress-circle progress react

react-percentage-bar's Introduction

Hi, I'm Kavindu Manahara kavindu-mane

kavindu-mane

🌱   I’m currently learning React JS , Hono , Flutter , Django , Next.js

Connect With Me:

kavindu-mane    kavindu-mane
kavindu-mane    kavindu-mane

Languages , Frameworks & Tools:

C   JavaScript   TypeScript   Python   Java   PHP   HTML5   CSS3   MySQL   Firebase   Bootstrap   TailwindCSS   NodeJS   React   Next   Android   Flutter   Django   Figma  

GitHub Statistics:

kavindu-mane kavindu-mane
kavindu-mane

kavindu-mane


Profile Views

Code Time

Lines of code

🐱 My GitHub Data

📦 82.7 kB Used in GitHub's Storage

💼 Opted to Hire

📜 35 Public Repositories

🔑 3 Private Repositories

I'm a Night 🦉

🌞 Morning                209 commits         ███░░░░░░░░░░░░░░░░░░░░░░   13.50 % 
🌆 Daytime                519 commits         ████████░░░░░░░░░░░░░░░░░   33.53 % 
🌃 Evening                595 commits         ██████████░░░░░░░░░░░░░░░   38.44 % 
🌙 Night                  225 commits         ████░░░░░░░░░░░░░░░░░░░░░   14.53 % 

📅 I'm Most Productive on Wednesday

Monday                   246 commits         ████░░░░░░░░░░░░░░░░░░░░░   15.89 % 
Tuesday                  152 commits         ██░░░░░░░░░░░░░░░░░░░░░░░   09.82 % 
Wednesday                275 commits         ████░░░░░░░░░░░░░░░░░░░░░   17.76 % 
Thursday                 252 commits         ████░░░░░░░░░░░░░░░░░░░░░   16.28 % 
Friday                   188 commits         ███░░░░░░░░░░░░░░░░░░░░░░   12.14 % 
Saturday                 187 commits         ███░░░░░░░░░░░░░░░░░░░░░░   12.08 % 
Sunday                   248 commits         ████░░░░░░░░░░░░░░░░░░░░░   16.02 % 

📊 This Week I Spent My Time On

🕑︎ Time Zone: Asia/Colombo

💬 Programming Languages: 
TypeScript               50 hrs 52 mins      ███████████████████░░░░░░   77.23 % 
Blade Template           4 hrs 47 mins       ██░░░░░░░░░░░░░░░░░░░░░░░   07.28 % 
HTML                     3 hrs 11 mins       █░░░░░░░░░░░░░░░░░░░░░░░░   04.84 % 
Makefile                 2 hrs 21 mins       █░░░░░░░░░░░░░░░░░░░░░░░░   03.57 % 
JSON                     1 hr 39 mins        █░░░░░░░░░░░░░░░░░░░░░░░░   02.52 % 

🔥 Editors: 
VS Code                  65 hrs 52 mins      █████████████████████████   100.00 % 

💻 Operating System: 
Linux                    65 hrs 52 mins      █████████████████████████   100.00 % 

I Mostly Code in JavaScript

TypeScript               8 repos             █████░░░░░░░░░░░░░░░░░░░░   20.51 % 
Python                   5 repos             ███░░░░░░░░░░░░░░░░░░░░░░   12.82 % 
PHP                      4 repos             ███░░░░░░░░░░░░░░░░░░░░░░   10.26 % 
Kotlin                   2 repos             █░░░░░░░░░░░░░░░░░░░░░░░░   05.13 % 
C++                      1 repo              █░░░░░░░░░░░░░░░░░░░░░░░░   02.56 % 

Last Updated on 11/04/2024 01:32:38 UTC

Readme Card Readme Card Readme Card Readme Card

react-percentage-bar's People

Contributors

kavindu-mane avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

sandaru428

react-percentage-bar's Issues

Global style for svg in librari

Hello, I came across this great library and realized that it would suit my needs, but I came across the following moment:

  1. Global styles for svg, it's not very good because all svg on the site suffer, can't make them relative?
    image
  2. Would it be possible to modify the library to use gradients in the progress bar?
  3. Error in the documentation of the "PercentageStyle" property
    image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.