https://github.com/kimmobrunfeldt/progressbar.js

Responsive and slick progress bars
https://github.com/kimmobrunfeldt/progressbar.js

animation javascript progressbar

Last synced: about 1 month ago
JSON representation

Responsive and slick progress bars

• Host: GitHub
• URL: https://github.com/kimmobrunfeldt/progressbar.js
• Owner: kimmobrunfeldt
• License: mit
• Created: 2014-09-21T22:13:09.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2023-10-09T16:44:53.000Z (8 months ago)
• Last Synced: 2024-04-19T23:41:38.298Z (about 2 months ago)
• Topics: animation, javascript, progressbar
• Language: JavaScript
• Homepage: https://kimmobrunfeldt.github.io/progressbar.js
• Size: 3.51 MB
• Stars: 7,755
• Watchers: 166
• Forks: 1,421
• Open Issues: 67
• Metadata Files:
  • Readme: README.md
  • Contributing: docs/contributing.md
  • License: LICENSE

Lists

• awesome-javascript - progressbar.js - Beautiful and responsive progress bars with animated SVG paths. (Loading Status / Runner)
• awesome-javascript-cn - progressbar.js
• awesome-stars - kimmobrunfeldt/progressbar.js - Responsive and slick progress bars (JavaScript)
• awesome-web-animation - Progressbar.js - Responsive and slick progress bars. (Common)
• awesome-frontend-libraries - progressbar.js
• awesome-loading-indicators - ProgressBar.js - Responsive and slick progress bars. (JavaScript)
• awesome-javascript-cn - 官网
• awesome-stars - progressbar.js
• awesome-github-star - progressbar.js
• awesome-javascript - progressbar.js - Beautiful and responsive progress bars with animated SVG paths. (Loading Status / Runner)
• awesome - kimmobrunfeldt/progressbar.js - Responsive and slick progress bars (JavaScript)
• awesome-javascript-cn - 官网
• awesome-stars - kimmobrunfeldt/progressbar.js - Responsive and slick progress bars (JavaScript)
• awesome-stars - kimmobrunfeldt/progressbar.js - Responsive and slick progress bars (JavaScript)
• awesome-stars - progressbar.js
• awesome-star-libs - kimmobrunfeldt / progressbar.js
• awesome-resources - progressbar.js
• awesome-stars - progressbar.js - Responsive and slick progress bars (JavaScript)
• awesome-wechat-mini-programs - 官网
• awesome-javascript-libraries - progressbar.js - Beautiful and responsive progress bars with animated SVG paths. (Loading Status / Runner)
• awesome-stuff - Github
• awesome-javascript-builds-project - progressbar.js - Beautiful and responsive progress bars with animated SVG paths. (Loading Status / Runner)
• A-collection-of-awesome-browser-side-JavaScript-libraries-resources-and-shiny-things. - progressbar.js - Beautiful and responsive progress bars with animated SVG paths. (Loading Status / Runner)
• awesome-javascript - progressbar.js
• awesome-stars - kimmobrunfeldt/progressbar.js - Responsive and slick progress bars (JavaScript)
• awesome-javascript - progressbar.js - Responsive and slick progress bars ` 📝 a year ago ` (Loading Status [🔝](#readme))
• awesome-javascript - progressbar.js - Responsive and slick progress bars - ★ 6655 (Loading Status)
• front-awesome - ProgressBarJs
• my-awesome-stars - kimmobrunfeldt/progressbar.js - Responsive and slick progress bars (JavaScript)
• awesome-stars - progressbar.js - 进度条(svg) (Javascript)
• awesome-stars - progressbar.js - 进度条(svg) (Javascript)
• awesome-stars - kimmobrunfeldt/progressbar.js - `★7759` Responsive and slick progress bars (JavaScript)

README

        
# ProgressBar.js




![Demo animation](docs/img/animation.gif)




Responsive and slick progress bars with animated SVG paths.

Use built-in shapes or [create your own paths](http://progressbarjs.readthedocs.org/en/latest/api/path).

[Customize](http://progressbarjs.readthedocs.org/en/latest/api/parameters#custom-animations) the animations as you wish.

Documentation is [hosted at readthedocs.org](http://progressbarjs.readthedocs.org/en/latest/).

**Shortcuts**

* [Get started](http://progressbarjs.readthedocs.org/en/latest/)

* [Demo & Examples](https://kimmobrunfeldt.github.io/progressbar.js)

* [**Try** in JSFiddle](http://jsfiddle.net/kimmobrunfeldt/8xa87k31/392/)

* [API documentation](http://progressbarjs.readthedocs.org/en/latest/api/shape)

* [Migration between versions](http://progressbarjs.readthedocs.org/en/latest/#migrations)

* [react-progressbar.js](https://github.com/kimmobrunfeldt/react-progressbar.js) progress bars in React.

# Contributing

See [documentation for contributors](http://progressbarjs.readthedocs.org/en/latest/contributing/).

# Thanks

This project is a grateful recipient of the [Futurice Open Source sponsorship program](http://futurice.com/blog/sponsoring-free-time-open-source-activities?utm_source=github&utm_medium=spice&utm_campaign=progressbar).