Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: ReactCircle – Renders SVG circle and percentage

github.com

Post reply on HN
Print view View original

1–10 of 56 posts

Re: Show HN: ReactCircle – Renders SVG circle and percentage

#3

Post by struppi »

amelius wrote: post #2

That's generally the easy part of showing progress. The difficult part is usually to determine how much time is still needed for a computation.

Yes, you are right.

But still: This is easy to understand (I think I got everything I'd need from the animated gif and the one code example). It looks like it's versatile and will save you at least half a day of googling, coding and testing (unless you are an expert in all technologies involved).

I upvoted it..

Re: Show HN: ReactCircle – Renders SVG circle and percentage

#5

Post by jannes »

Very cool!

However, I'm getting very low FPS when dragging the slider in Firefox on OSX (especially when dragging long distance in a short time). Is this due to the SVG rendering performance of Firefox or due to your code?

Turning off animations doesn't seem to make a difference.

Re: Show HN: ReactCircle – Renders SVG circle and percentage

#6

Post by hardly_a_mirage »

amelius wrote: post #2

That's generally the easy part of showing progress. The difficult part is usually to determine how much time is still needed for a computation.

Which is not the goal of this component. Progress here can be a lot of things, such as of a task, or your fitness goals, or world domination.

Re: Show HN: ReactCircle – Renders SVG circle and percentage

#9

Post by akerro »

Congratulations on making probably the slowest circular-progress bar I've even seen, that had to be a challenge, but you did it.

https://gfycat.com/NimbleMintyBinturong

That's on my laptop with i5, 4 cores. I can play smoothly on this L4D2, TF2, CivV... but not this reactive circular-progress bar.

Re: Show HN: ReactCircle – Renders SVG circle and percentage

#10

Post by zzarcon »

jannes wrote: post #5

Very cool! However, I'm getting very low FPS when dragging the slider in Firefox on OSX (especially when dragging long distance in a short time). Is this due to the SVG rendering performance of Firefox or due to your code? Turning off animations doesn't seem to make a difference.

Thanks for the feedback! You are right, the demo currently hangs quite a lot on Firefox, Im pretty sure the issue is actually not related with the component itself, I created a issue on the repo to fix it https://github.com/zzarcon/react-circle/issues/10 :)
Post reply on HN