# Progress Ring Broken

**URL:** https://forum.babylonjs.com/t/progress-ring-broken/955
**Category:** Questions
**Created:** [January 25, 2019, 3:13pm UTC](https://forum.babylonjs.com/t/progress-ring-broken/955 "2019-01-25T15:13:33Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Rah](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rah/32/201_2.png) [@Rah](https://forum.babylonjs.com/u/Rah)
#### Post date: [January 25, 2019, 3:13pm UTC](https://forum.babylonjs.com/t/progress-ring-broken/955/1 "2019-01-25T15:13:33Z")

</div>

Hey everyone,

> **[GUI 2d shapes](http://www.html5gamedevs.com/topic/38313-gui-2d-shapes/)**
>
> Hi everyone, I was wondering if I a image in Babylons GUI could is there someway to slowly colour it? Like a progress bar, where as the player completes something or as time goes on a bar goes form outlined in green to slowly being filled with green...

I had created/had help creating a progress ring. However after i updated to babylonjs-gui version 4.0.0-alpha.17  
It does not work.  
Here is the most recent working playground:  
[https://www.babylonjs-playground.com/indexStable.html#SCJ6SZ#3](https://www.babylonjs-playground.com/indexStable.html#SCJ6SZ#3)

In this playground you can switch between latest and stable, latest does not work while stable does.

So im working on this slowly, however do you guys have any ideas whats wrong?

(will update with my playground soon)

---

<div class="post-metadata">

### Author: ![Rah](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rah/32/201_2.png) [@Rah](https://forum.babylonjs.com/u/Rah)
#### Post date: [January 25, 2019, 3:16pm UTC](https://forum.babylonjs.com/t/progress-ring-broken/955/2 "2019-01-25T15:16:04Z")

</div>

Update:

[https://www.babylonjs-playground.com/index.html#SCJ6SZ#5](https://www.babylonjs-playground.com/index.html#SCJ6SZ#5)

No errors… i dont understand why nothing shows though…

possible because it is constantly drawing?

---

<div class="post-metadata">

### Author: ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)
#### Post date: [January 25, 2019, 5:02pm UTC](https://forum.babylonjs.com/t/progress-ring-broken/955/3 "2019-01-25T17:02:49Z")

</div>

Here we are:  
[https://www.babylonjs-playground.com/index.html#SCJ6SZ#6](https://www.babylonjs-playground.com/index.html#SCJ6SZ#6)

The way controls are rendered change to integrate an independant measure (layout) phase to let us support scrollviewer for isntance

---

<div class="post-metadata">

### Author: ![Rah](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rah/32/201_2.png) [@Rah](https://forum.babylonjs.com/u/Rah)
#### Post date: [January 25, 2019, 5:20pm UTC](https://forum.babylonjs.com/t/progress-ring-broken/955/4 "2019-01-25T17:20:06Z")

</div>

oh wow, great job!

Thank you
