<!DOCTYPE html>
<html lang="en">
	<head>
		<title>gopherjs - progress/progress.go</title>
		<link type="text/css" rel="stylesheet" href="/style/src.css">
	</head>
	<body>
		<h1><a href="/gopherjs">gopherjs</a> - progress/progress.go</h1>
		<pre>
<span class="hidden"><a id="L1" href="#L1">     1</a>  </span><span><span class="text">// Package progress creates a simple progress bar in javascript</span></span>
<span class="hidden"><a id="L2" href="#L2">     2</a>  </span><span>package progress <span class="text">// import &#34;vimagination.zapto.org/gopherjs/progress&#34;</span></span>
<span class="hidden"><a id="L3" href="#L3">     3</a>  </span><span></span>
<span class="hidden"><a id="L4" href="#L4">     4</a>  </span><span>import (</span>
<span class="hidden"><a id="L5" href="#L5">     5</a>  </span><span>	&#34;image/color&#34;</span>
<span class="hidden"><a id="L6" href="#L6">     6</a>  </span><span>	&#34;io&#34;</span>
<span class="hidden"><a id="L7" href="#L7">     7</a>  </span><span>	&#34;strconv&#34;</span>
<span class="hidden"><a id="L8" href="#L8">     8</a>  </span><span></span>
<span class="hidden"><a id="L9" href="#L9">     9</a>  </span><span>	&#34;vimagination.zapto.org/gopherjs/xdom&#34;</span>
<span class="hidden"><a id="L10" href="#L10">    10</a>  </span><span></span>
<span class="hidden"><a id="L11" href="#L11">    11</a>  </span><span>	&#34;honnef.co/go/js/dom&#34;</span>
<span class="hidden"><a id="L12" href="#L12">    12</a>  </span><span>)</span>
<span class="hidden"><a id="L13" href="#L13">    13</a>  </span><span></span>
<span class="hidden"><a id="L14" href="#L14">    14</a>  </span><span><span class="text">// Bar is a wrapper around a Canvas element to draw a simple progress</span></span>
<span class="hidden"><a id="L15" href="#L15">    15</a>  </span><span><span class="text">// bar.</span></span>
<span class="hidden"><a id="L16" href="#L16">    16</a>  </span><span><span class="text">//</span></span>
<span class="hidden"><a id="L17" href="#L17">    17</a>  </span><span><span class="text">// It also implements dom.Node, so it can be Appended to any other node.</span></span>
<span class="hidden"><a id="L18" href="#L18">    18</a>  </span><span>type Bar struct {</span>
<span class="hidden"><a id="L19" href="#L19">    19</a>  </span><span>	*dom.HTMLCanvasElement</span>
<span class="hidden"><a id="L20" href="#L20">    20</a>  </span><span>	percent                int</span>
<span class="hidden"><a id="L21" href="#L21">    21</a>  </span><span>	ctx                    *dom.CanvasRenderingContext2D</span>
<span class="hidden"><a id="L22" href="#L22">    22</a>  </span><span>	width, height          int</span>
<span class="hidden"><a id="L23" href="#L23">    23</a>  </span><span>	foreground, background string</span>
<span class="hidden"><a id="L24" href="#L24">    24</a>  </span><span>}</span>
<span class="hidden"><a id="L25" href="#L25">    25</a>  </span><span></span>
<span class="hidden"><a id="L26" href="#L26">    26</a>  </span><span><span class="text">// Percent sets the current percentage shown</span></span>
<span class="hidden"><a id="L27" href="#L27">    27</a>  </span><span>func (b *Bar) Percent(i int) {</span>
<span class="hidden"><a id="L28" href="#L28">    28</a>  </span><span>	if i != b.percent {</span>
<span class="hidden"><a id="L29" href="#L29">    29</a>  </span><span>		b.percent = i</span>
<span class="hidden"><a id="L30" href="#L30">    30</a>  </span><span>		b.draw()</span>
<span class="hidden"><a id="L31" href="#L31">    31</a>  </span><span>	}</span>
<span class="hidden"><a id="L32" href="#L32">    32</a>  </span><span>}</span>
<span class="hidden"><a id="L33" href="#L33">    33</a>  </span><span></span>
<span class="hidden"><a id="L34" href="#L34">    34</a>  </span><span>func (b *Bar) draw() {</span>
<span class="hidden"><a id="L35" href="#L35">    35</a>  </span><span>	b.ctx.FillStyle = b.background</span>
<span class="hidden"><a id="L36" href="#L36">    36</a>  </span><span>	b.ctx.FillRect(0, 0, b.width, b.height)</span>
<span class="hidden"><a id="L37" href="#L37">    37</a>  </span><span>	b.ctx.FillStyle = b.foreground</span>
<span class="hidden"><a id="L38" href="#L38">    38</a>  </span><span>	b.ctx.FillRect(0, 0, b.width*b.percent/100, b.height)</span>
<span class="hidden"><a id="L39" href="#L39">    39</a>  </span><span>}</span>
<span class="hidden"><a id="L40" href="#L40">    40</a>  </span><span></span>
<span class="hidden"><a id="L41" href="#L41">    41</a>  </span><span><span class="text">// New returns a new Bar</span></span>
<span class="hidden"><a id="L42" href="#L42">    42</a>  </span><span>func New(fore, back color.Color, width, height int) *Bar {</span>
<span class="hidden"><a id="L43" href="#L43">    43</a>  </span><span>	c := xdom.Canvas()</span>
<span class="hidden"><a id="L44" href="#L44">    44</a>  </span><span>	c.Width = width</span>
<span class="hidden"><a id="L45" href="#L45">    45</a>  </span><span>	c.Height = height</span>
<span class="hidden"><a id="L46" href="#L46">    46</a>  </span><span>	r, g, b, _ := fore.RGBA()</span>
<span class="hidden"><a id="L47" href="#L47">    47</a>  </span><span>	foreground := &#34;rgb(&#34; + strconv.Itoa(int(r&gt;&gt;8)) + &#34;, &#34; + strconv.Itoa(int(g&gt;&gt;8)) + &#34;, &#34; + strconv.Itoa(int(b&gt;&gt;8)) + &#34;)&#34;</span>
<span class="hidden"><a id="L48" href="#L48">    48</a>  </span><span>	r, g, b, _ = back.RGBA()</span>
<span class="hidden"><a id="L49" href="#L49">    49</a>  </span><span>	background := &#34;rgb(&#34; + strconv.Itoa(int(r&gt;&gt;8)) + &#34;, &#34; + strconv.Itoa(int(g&gt;&gt;8)) + &#34;, &#34; + strconv.Itoa(int(b&gt;&gt;8)) + &#34;)&#34;</span>
<span class="hidden"><a id="L50" href="#L50">    50</a>  </span><span>	bar := &amp;Bar{</span>
<span class="hidden"><a id="L51" href="#L51">    51</a>  </span><span>		HTMLCanvasElement: c,</span>
<span class="hidden"><a id="L52" href="#L52">    52</a>  </span><span>		ctx:               c.GetContext2d(),</span>
<span class="hidden"><a id="L53" href="#L53">    53</a>  </span><span>		width:             width,</span>
<span class="hidden"><a id="L54" href="#L54">    54</a>  </span><span>		height:            height,</span>
<span class="hidden"><a id="L55" href="#L55">    55</a>  </span><span>		foreground:        foreground,</span>
<span class="hidden"><a id="L56" href="#L56">    56</a>  </span><span>		background:        background,</span>
<span class="hidden"><a id="L57" href="#L57">    57</a>  </span><span>	}</span>
<span class="hidden"><a id="L58" href="#L58">    58</a>  </span><span>	bar.draw()</span>
<span class="hidden"><a id="L59" href="#L59">    59</a>  </span><span>	return bar</span>
<span class="hidden"><a id="L60" href="#L60">    60</a>  </span><span>}</span>
<span class="hidden"><a id="L61" href="#L61">    61</a>  </span><span></span>
<span class="hidden"><a id="L62" href="#L62">    62</a>  </span><span><span class="text">// Reader wraps a ProgressBar to automatically update when an io.Reader</span></span>
<span class="hidden"><a id="L63" href="#L63">    63</a>  </span><span><span class="text">// is read</span></span>
<span class="hidden"><a id="L64" href="#L64">    64</a>  </span><span>type Reader struct {</span>
<span class="hidden"><a id="L65" href="#L65">    65</a>  </span><span>	*Bar</span>
<span class="hidden"><a id="L66" href="#L66">    66</a>  </span><span>	io.Reader</span>
<span class="hidden"><a id="L67" href="#L67">    67</a>  </span><span>	offset, size int</span>
<span class="hidden"><a id="L68" href="#L68">    68</a>  </span><span>}</span>
<span class="hidden"><a id="L69" href="#L69">    69</a>  </span><span></span>
<span class="hidden"><a id="L70" href="#L70">    70</a>  </span><span><span class="text">// Reader returns a Reader type</span></span>
<span class="hidden"><a id="L71" href="#L71">    71</a>  </span><span>func (b *Bar) Reader(r io.Reader, size int) *Reader {</span>
<span class="hidden"><a id="L72" href="#L72">    72</a>  </span><span>	return &amp;Reader{b, r, 0, size}</span>
<span class="hidden"><a id="L73" href="#L73">    73</a>  </span><span>}</span>
<span class="hidden"><a id="L74" href="#L74">    74</a>  </span><span></span>
<span class="hidden"><a id="L75" href="#L75">    75</a>  </span><span><span class="text">// Read implements io.Reader</span></span>
<span class="hidden"><a id="L76" href="#L76">    76</a>  </span><span>func (r *Reader) Read(p []byte) (int, error) {</span>
<span class="hidden"><a id="L77" href="#L77">    77</a>  </span><span>	n, err := r.Reader.Read(p)</span>
<span class="hidden"><a id="L78" href="#L78">    78</a>  </span><span>	r.offset += n</span>
<span class="hidden"><a id="L79" href="#L79">    79</a>  </span><span>	r.Percent(100 * r.offset / r.size)</span>
<span class="hidden"><a id="L80" href="#L80">    80</a>  </span><span>	return n, err</span>
<span class="hidden"><a id="L81" href="#L81">    81</a>  </span><span>}</span>
<span class="hidden"><a id="L82" href="#L82">    82</a>  </span><span></span>
<span class="hidden"><a id="L83" href="#L83">    83</a>  </span><span><span class="text">// Len returns the total length of the data</span></span>
<span class="hidden"><a id="L84" href="#L84">    84</a>  </span><span>func (r *Reader) Len() int {</span>
<span class="hidden"><a id="L85" href="#L85">    85</a>  </span><span>	return int(r.size)</span>
<span class="hidden"><a id="L86" href="#L86">    86</a>  </span><span>}</span>
		</pre>
	</body>
</html>
