Progress Bar - Style

The progress bar is wounderfull. Love it. But I’am trying to create a “Personas” page, and I would like to create a bar similar to the added image. Do anyone have an idea of a custom css or an other “hack” to make it look like the attached image?

Hi @nicolay,

I’m not 100% sure what you’re trying to achieve. Should it be a static bar or should the point on the bar be draggable?

If it is supposed to be a static element, you could achieve it by simply placing an icon on top of the progress bar. I gave it a quick try and managed to create something that’s visually similar fairly easily:


It’s static, just to display witch “perk” you’re closest to. That works better than the alternative of having a image – I’ll try that, thank you! :slight_smile:

1 Like

Cool, let me know if you’ve any questions!

1 Like