Packages

sigma_kit

0.0.28
0.0.33 0.0.32 0.0.31 0.0.30 0.0.29 0.0.28 0.0.27 0.0.26 0.0.25 0.0.24 0.0.23 0.0.22 0.0.21 0.0.20 0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2 0.0.1

An Appplication kit for Phoenix based applications. SigmaKit Provides UI components, helpers, and opinionated frameowrk extensions for quickly devloping rich Phoenix LiveView based applications.

HexDocs

Current section

Files

Jump to
Readme
33 Versions
8 Dependencies
Dependants
Files
Activity
sigma_kit lib components progress_bar.ex
Raw

lib/components/progress_bar.ex 

defmodule SigmaKit.Components.ProgressBar do

  use Phoenix.LiveComponent



  attr :min, :float, default: 0.0, doc: "Minimum progress"

  attr :max, :float, default: 100.0, doc: "Maximum progress"

  attr :value, :float, default: 0.0, doc: "Current progress"

  attr :power_line, :boolean, default: false, doc: "Use a thin line style"



  def progress_bar(assigns = %{power_line: true}) do

    ~H"""

    <div class="sk-pb">

      <div

        class="sk-pb-progress"

        style={"width: #{(@value - @min) / (@max - @min) * 100}%"}

      >

        <div class="sk-pb-glow"></div>

      </div>

    </div>

    """

  end



  def progress_bar(assigns = %{power_line: false}) do

    ~H"""

    <div class="sk-pb">

      <div

        class="sk-pb-progress"

        style={"width: #{(@value - @min) / (@max - @min) * 100}%"}

      >

      </div>

    </div>

    """

  end

end