reactjs-percentage-circle - 🐟 a react component to show percentage circle

  •        187

Reactjs-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.And you can show some data in a circle you want.


react : ^15.3.2
react-addons-test-utils : ^15.3.2
react-dom : ^15.3.2



Related Projects

react-native-percentage-circle - 🐳 React Native Percentage Circle

  •    Javascript

React-Native-Percentage-Cirlce is a component which supports you define your percent and draw the circle.And also you can use it as a progress bar.And you can show some data in a circle you want.

react-native-progress - Progress indicators and spinners for React Native using ReactART

  •    Javascript

Progress indicators and spinners for React Native using ReactART. To use the Pie or Circle components, you need to include the ART library in your project on iOS, for android it's already included.

ProgressWheel - A progress wheel for android, intended for use instead of the standard progress bar.

  •    Java

This is a custom component for Android intended for use instead of a progress bar. Incrementing the progress wheel is slightly more tricky, you call .incrementProgress(). However, this is out of 360, (because a circle has 360 degrees), and will automatically reset once you get past 360. A percentage display is automatically displayed.

react-native-circle-menu - :octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations

  •    Javascript

Looking for developers for your project? This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites. The iPhone mockup available here.

react-shimmer - 🌠 React <img> component that simulates a shimmer effect while loading.

  •    Javascript

A powerful, customisable, <img> component that simulates a shimmer effect while loading. (with zero dependencies!) Currently compatible with React, but RN compatibility is also on the way. Feel free to send PRs.


  •    Python

SpinnyThing is a python module for displaying the progress of a task within an application. It supports a classic spinner w/ percentage-done and is easily extensible to include ascii animations to display progress.

react-google-maps - React.js Google Maps integration component

  •    Javascript

The changelog is automatically generated via standard-version and can be found in project root as well as npm tarball. Please, be noted, no one, I mean, no one, is obligated to help you in ANY means. Your time is valuable, so does our contributors. Don't waste our time posting questions like “how do I do X with React-Google-Maps” and “my code doesn't work”. This is not the primary purpose of the issue tracker. Don't abuse.

react-progressbar.js - Responsive and slick progress bars for React.

  •    Javascript

This module is a React wrapper for progressbar.js. That's why most of the documentation refers to the original documentation. react-progressbar.js is lightweight, MIT licensed and supports all major browsers including IE9+.

Silverlight Circle Animation

  •    Silverlight

Circle Animation is a Silverlight control that allows you to animate objects over a curve. Using the built-in designer, all you have to do is drag your start and end points on the screen and set your angle, and your controls will be moving along curves!

numix-icon-theme-circle - Linux packaging for Numix Circle


If using this with our base icon theme make sure you install both parts using the same method. This makes sure that the panel icons keep working as intended.If you use Fedora, Debian, Ubuntu, or any of their derivatives then you're sorted! Numix Circle is available from the official repositories.


  •    Objective-C

Circle is a highly experimental cycle collector for Objective-C programs compiled with ARC. It is by no means complete, let alone production-ready. It is, however, really cool. Your contributions, should you choose to make any, would be most welcome. Circle is divided into two parts. The first part is responsible for detecting the locations of strong references within an object, and is contained in CircleIvarLayout. It exposes the EnumerateStrongReferences function which is used by the collector to walk the object graph.

ASProgressPopUpView - A progress view showing percentage complete in a popup view

  •    Objective-C

A UIProgressView subclass that displays the percentage complete in an easy to customize popUpView. If you'd like similar functionality for UISlider, then take a look at ASValueTrackingSlider.

cpulimit - CPU usage limiter for Linux

  •    C

Cpulimit is a tool which limits the CPU usage of a process (expressed in percentage, not in CPU time). It is useful to control batch jobs, when you don't want them to eat too many CPU cycles. The goal is prevent a process from running for more than a specified time ratio. It does not change the nice value or other scheduling priority settings, but the real CPU usage. Also, it is able to adapt itself to the overall system load, dynamically and quickly. The control of the used CPU amount is done sending SIGSTOP and SIGCONT POSIX signals to processes. All the children processes and threads of the specified process will share the same percentage of CPU. Developed by Angelo Marletta. Please send your feedback, bug reports, feature requests or just thanks.

tmux-battery - Plug and play battery percentage and icon indicator for Tmux.

  •    Shell

Enables displaying battery percentage and status icon in tmux status-right. In a normal situation one of these above should be installed on your system by default and thus it would not be necessary to install one of them.

VooDoo cIRCle

  •    PHP

VooDoo cIRCle is modular IRC bot, scriptable thanks to PHP and Perl, with built-in SSL support, File System, private BotNet and advanced security rights for each user. Runs on POSIX/Unices, Windows and Mac OS X.

arc.js - great circle routes in javascript

  •    Javascript

Calculate great circles routes as lines in GeoJSON or WKT format. Includes basic support for splitting lines that cross the dateline, based on a partial port of code from OGR.

KYCircleMenu - An iOS UI control that allows you to build a circular menu by laying out buttons in a circle pattern adjusting from the number of buttons (1~6)

  •    Objective-C

A circle menu with toggling animation. And you can customize the number of buttons between (1 ~ 6). to your constatns.h or config.h, or any other files that are imported in your <Project>-Prefix.pch.

FABProgressCircle - Material progress circle around any FloatingActionButton. 100% Guidelines.

  •    Java

Android library to provide a material progress circle around your FloatingActionButton. This component is compatible with any existent FAB. You can use the FABProgressCircle to wrap any existent FAB. Here you have an example wrapping the Google FloatingActionButton from the brand new Design Support Library.

CircleDisplay - Android View for displaying and selecting values in a circle-shaped View, with animations and touch gestures

  •    Java

Android View for displaying and selecting (by touch) values / percentages in a circle-shaped View, with animations. Simply copy the file into your project. No annoying library imports, you ONLY need that single file.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.