x
1
2
3
4
5
<div class="flex flex-col justify-start w-[400px] lg:w-[500px]"> <span class="flex my-4 font-semibold text-gray-400">Different sizes</span> <div class="flex flex-col gap-4 mb-8"> </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">Different sizes</span> <div class="flex flex-col gap-4 mb-8"> <%= rui_progressbar(height: :small, progress: 25) %> <%= rui_progressbar(height: :medium, progress: 50) %> <%= rui_progressbar(height: :large, progress: 75) %> <%= rui_progressbar(height: :xlarge, progress: 90, striped: true, style: :red) %> </div></div>With Sizes
Showing all progressbar examples with different sizes.
No params configured.