kimmobrunfeldt / kimmobrunfeldt/progressbar.js

Text not appearing

Open
#284 1 comment 0 reactions 0 assignees View on GitHub
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.
![Screenshot 2021-04-11 at 22 35 10](https://user-images.githubusercontent.com/26330562/114320415-2eb2fd00-9b16-11eb-80d3-ab361be55437.png)

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.