x
1
2
3
4
5
6
7
8
<div class="flex flex-col justify-start w-[400px] lg:w-[500px]"> <span class="flex my-4 font-semibold text-gray-400">Default progress bar</span> <div class="mb-8 space-y-2"> <p class="text-sm text-gray-600 dark:text-gray-200 font-semibold"> Gray </p> </div></div>1
2
3
4
5
6
7
8
9
<div class="flex flex-col justify-start w-[400px] lg:w-[500px]"> <span class="flex my-4 font-semibold text-gray-400">Default progress bar</span> <div class="mb-8 space-y-2"> <%= rui_text(tag: :body, size: :bodySm, color: :gray, weight: :semibold){ "Gray " } %> <%= rui_progressbar( progress: 30) %> </div></div>Default progressbar
Default progressbar with % progress, default colour and size.
<%= rui_progressbar( progress: 30) %>No params configured.