kimmobrunfeldt / kimmobrunfeldt/progressbar.js
Text not appearing
- Dominant language
- JavaScript
- Stars
- 7.9k
- Forks
- 1.4k
- PR merge metrics
- No merged PRs in 30d
Description
I have created the following ProgressBar:
```
var line = new ProgressBar.Line(id, {
color: '#FFEA82',
duration: time,
strokeWidth: 10,
svgStyle: {
borderRadius: '10px;'
},
text: {
value: 'Text',
style: {
color: '#f00'
}
},
from: { color: '#FFEA82' },
to: { color: '#ED6A5A' },
easing: 'easeInOut',
step: (state, line) => {
line.path.setAttribute('stroke', state.color);
}
});
```
However, the text is not showing in / near the progess-bar. I don't see the text added to the container either.

Contributor guide
Research direction
Start at the ProgressBar.Line setup shown in the report and trace how its text option is handled, including whether the configured value is added to the container. Reproduce the example with the supplied options and confirm that “Text” appears in or near the progress bar without breaking the animation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100