Comments (1)
Hi!
I have by design delegated as much as possible to the library users so it stays generic enough. That's why there's no ready-made options to achieve things like "80% out of 100%".
If by stop point you mean that you want to display "human" readable progress like 20% out of 100% etc, you have to create the logic for that yourself. You have to create the string and pass it to setText. You can see plenty of example usages in http://kimmobrunfeldt.github.io/progressbar.js/.
You can bind scroll events and update the progress bar from the callback function. You have to manually calculate which way the scroll was done. For example you could always add 2 percentage values from scroll up event. You can get current value of progress bar with .value() method.
from progressbar.js.
Related Issues (20)
- IE11 'Symbol' is undefined progressbar.js (3,4288) HOT 1
- Text inside circle doesn't center correctly if I place the circle inside cell of a CSS Grid.
- Progress bar around an image HOT 1
- Text not appearing HOT 1
- Wrong numbers in Safari 14 HOT 5
- Icon follow progressbar value
- Setting custom color variable
- Cannot read property 'map' of null
- How to change color gradient speed?
- Update Shifty dependency version to have RGBA-Colors support
- Progressbar.JS not loaded after AJAX refresh.
- Progress Bar, not animating on inactive tab.
- progressbar not working in classs
- JSdom causing Error: Uncaught [TypeError: this.path.getTotalLength is not a function]
- Prototype Pollution using extend() in utils.js HOT 6
- CVE-2023-26133 HOT 1
- trailColor set in Javascript
- bar.set(0) resets but if i again call bar.animate(1) the circle is not animating. HOT 1
- Is it possible to have multiple colour steps?
- self is not defined
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from progressbar.js.