Does it support fill background for a stroke type progress bar

[js1016]

I believe the circle preset progress bar is stroke type, I was wondering if it is possible to fill the background in the circle. However seems the background option is only available for fill type progress bar.

[zbryikt]

I think a quick way to add background here could be through it's container's css, such as in this
codepen example:

.ldBar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: url(https://loading.io/assets/img/pattern/tide-1s.gif)
}

does this work for you?

[js1016]

Thanks for your input. I did try this by setting background to red, but the background color exceeded the circle border a bit. What I want to achieve is to have the background inside the circle only.

[zbryikt]

alternatively this can be done by directly styling the path element inside the progress bar, for eaxmple, adding this in your css file::

.ldBar[data-preset=circle] g:nth-of-type(1) path {
    fill: yellow;
}

I've updated this into the above codepen ( or here again )

( it depends on the type of the preset about how the corresponding CSS rules will be )

[js1016]

Thanks zbryikt, it works now.