search

briarsweetbriar / ember-progress-bar

An Ember.js wrapper and component for ProgressBar.js
MIT License
9 stars 12 forks source link

Progress Bar does not work #6

Open shaunwillis-SpectrumReach opened 6 years ago

shaunwillis-SpectrumReach commented 6 years ago

when pulling in the component {{ember-progress-bar}} inside template.hbs, the progress bar does not appear. i'm not sure what i'm doing wrong.

briarsweetbriar commented 6 years ago

It may be a styling issue. Does the progress bar have a height?

shaunwillis-SpectrumReach commented 6 years ago

thank you for your response. I had to take a break from it. My front-end developer is going to take a look at it today, and I'll let you know.

shaunwillis-SpectrumReach commented 6 years ago

I added a height, and i can see where it should be displaying, but it still isn't appearing. What am I doing wrong?

<svg viewBox="0 0 100 1" preserveAspectRatio="none" style="display: block; width: 100%;"><path d="M 0,0.5 L 100,0.5" stroke="#555" stroke-width="5" fill-opacity="0" style="stroke-dasharray: 100, 100; stroke-dashoffset: 100;"></path></svg>

I am able to inspect and find that the svg is coming through now with height set on class "ember-progress-bar svg", but it still isn't fully appearing on the site.

shaunwillis-SpectrumReach commented 6 years ago

I am needing to update this progress dynamically from pulling in data using handlebars {{#each model as |ae15m|}} {{ ae15m.fullyear }}% {{/each}} is their anyway this could be possible once the progress bar issue is fixed?