Progress Bar Title Style

[zhanghuancs]

I wonder How I can add some styles for the progress bar title, say I want it to have 2px paddings to the left.

I cannot find a way in the documentation.

isc.Progressbar.create({
   length: 200,
   percentDone: 50,
   title: "50%",
   showTitle: true,
   align: "left"
})

Thanks.

[Isomorphic]

Is something not working with the baseStyle attribute or did you just not notice it?

[zhanghuancs]

Is something not working with the baseStyle attribute or did you just not notice it?

I did try to use baseStyle.

like

isc.Progressbar.create({
   length: 200,
   percentDone: 50,
   title: "50%",
   showTitle: true,
   align: "left",
   baseStyle: "myPadding"
})

and i have following css style
.myPadding {
padding-left: 5px;
}

This will not make the title padding left 5px, but make the whole progress bar padding left 5px, which is not what we want. We just want the title itselft has some left padding.

[zhanghuancs]

Is there any comment on this?

Thank you very much.

[Isomorphic]

There isn't currently a way to influence just the text.

You could:

1. add an nbsp; char or blank image to the left of the text to achieve the padding you want

OR

2. don't use button.title and just draw your own text using a Label floated over the Progressbar with whatever styling you want