<h1 style='display: flex; justify-content: space-between; align-items: center;'>
    <span>
        ebay-progress-bar-expressive
    </span>
    <span style='font-weight: normal; font-size: medium; margin-bottom: -15px;'>
        DS v3.1.1
    </span>
</h1>

```marko
<ebay-progress-bar-expressive ...input>
    <@message>Hang tight</@message>
    <@message duration=2000>We're processing your order</@message>
    <@message>Just a moment longer</@message>
</ebay-progress-bar-expressive>

```

The expressive progress bar can replace our traditional spinner to feel faster during periods of longer loading.

## Examples and Documentation

- [Storybook](https://ebay.github.io/ebayui-core/?path=/story/progress-ebay-progress-bar-expressive)
- [Storybook Docs](https://ebay.github.io/ebayui-core/?path=/docs/progress-ebay-progress-bar-expressive)
- [Code Examples](https://github.com/eBay/ebayui-core/tree/master/src/components/ebay-progress-bar-expressive/examples)
