Comments (6)
Closing this for now. You can achieve this by setting the style manually as mentioned above:
var bar = new ProgressBar.Circle('#container');
bar.path.style.strokeLinecap = 'round';
from progressbar.js.
I added this line to the library:
this.path.style.strokeLinecap = 'round';
And it workes, but it'd be nice to have that as an option 😄
from progressbar.js.
This is something I implemented but removed since it was hard to implement for e.g line. The rounding cap goes out of the canvas with Line. Do you have ideas how to overcome that issue?
from progressbar.js.
I don't sorry, canvas ain't my thing 😄
from progressbar.js.
The implementation is using just SVG, and was talking about SVG's canvas. I'm open for ideas from anyone.
from progressbar.js.
Is there a way to increase the radius of strokeLinecap
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.